You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Nidhi Kumari
7424e98416
|
2 years ago | |
---|---|---|
.. | ||
README.mdx | 2 years ago | |
index.js | 4 years ago | |
index.scss | 2 years ago | |
text-field.component.js | 3 years ago | |
text-field.stories.js | 3 years ago |
README.mdx
import { Story, Canvas, ArgsTable } from '@storybook/addon-docs';
import TextField from '.';
# Text Field
Text fields allow users to enter text into a UI.
<Canvas>
<Story id="ui-components-ui-text-field-text-field-stories-js--default-story" />
</Canvas>
## Props
<ArgsTable of={TextField} />
### Password Text Field
<Canvas>
<Story id="ui-components-ui-text-field-text-field-stories-js--password" />
</Canvas>
### With Error
<Canvas>
<Story id="ui-components-ui-text-field-text-field-stories-js--error" />
</Canvas>
### Mascara Text
<Canvas>
<Story id="ui-components-ui-text-field-text-field-stories-js--mascara-text" />
</Canvas>
### With Material Theme
<Canvas>
<Story id="ui-components-ui-text-field-text-field-stories-js--material-text" />
</Canvas>
### Password With Material Theme
<Canvas>
<Story id="ui-components-ui-text-field-text-field-stories-js--material-password" />
</Canvas>
### With Material Theme Error
<Canvas>
<Story id="ui-components-ui-text-field-text-field-stories-js--material-error" />
</Canvas>