Skip to content

Add Password Input IconFiled #8

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Shuofeng-Wang wants to merge 11 commits into
base: master
Choose a base branch
from
Open

Add Password Input IconFiled #8

Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
4063d30
Complete Text Component.
Shuofeng-Wang Jul 13, 2020
b88c896
Complete Image and Box Component.
Shuofeng-Wang Jul 20, 2020
28fb348
Complete Label Component.
Shuofeng-Wang Jul 20, 2020
aca8373
Handle Rounded prop in Image Component.
Shuofeng-Wang Jul 20, 2020
b939673
Complete the Avatar and Label Component.
Shuofeng-Wang Jul 21, 2020
3f07509
Remove Unused props in Avatar. Update Avatar story.
Shuofeng-Wang Jul 22, 2020
826524b
Merge branch 'master' of github.com:prifina-admin/developers into swa…
Shuofeng-Wang Jul 22, 2020
a2e1f68
Merge branch 'master' of github.com:prifina-admin/developers
Shuofeng-Wang Jul 23, 2020
df7d93c
Merge branch 'master' of github.com:prifina-admin/developers
Shuofeng-Wang Jul 27, 2020
3e392e6
Merge branch 'master' of github.com:prifina-admin/developers
Shuofeng-Wang Aug 4, 2020
049d5b4
Add passwordInputField
Shuofeng-Wang Aug 4, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 12 additions & 1 deletion stories/IconField.stories.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import React from "react";
import IconField from "../src/IconField";
import Input from "../src/Input";
import { accountIcon, eyeIcon, BlendIcon } from "@blend-ui/icons";
import { accountIcon, eyeIcon, BlendIcon, lockIcon } from "@blend-ui/icons";

export default { title: "Icon Field" };

Expand Down Expand Up @@ -35,3 +35,14 @@ export const iconfieldinput3 = () => (
iconfieldinput3.story = {
name: "Icon Both Field Input ",
};

export const iconfieldinputPasswd = () => (
<IconField>
<BlendIcon iconify={lockIcon} />
<Input placeholder={"Enter value here"} type={"password"}/>
<BlendIcon iconify={eyeIcon} />
</IconField>
);
iconfieldinputPasswd.story = {
name: "Icon Both Field Input -PWD",
};