algorithm/tech-interview-handbook
1
0
Fork 0
mirror of https://github.com/yangshun/tech-interview-handbook.git synced 2025-07-29 05:02:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

[ui][text input] add asterisk to label for required fields

Browse Source
This commit is contained in:
Yangshun Tay
2022-10-06 18:14:57 +08:00
parent 9f61ecf9c2
commit 0062199bd6
2 changed files with 17 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
apps/storybook/stories/text-input.stories.tsx
View File

@ -30,6 +30,9 @@ export default {
placeholder: {
control: 'text',
},
required: {
control: 'boolean',
},
type: {
control: 'text',
},
@ -111,6 +114,17 @@ export function Disabled() {
);
}
export function Required() {
return (
<TextInput
label="Required input"
placeholder="John Doe"
required={true}
type="text"
/>
);
}
export function Error() {
const [value, setValue] = useState('1234');