1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
metamask-extension/ui/components/ui/text-field
Nidhi Kumari 7424e98416
Updated all instances of "Component API" to "Props" in storybook documentation (#15324)
* replaced Component API with Props

* replaced Component API with Props in DOCUMENTATION.stories.mdx

* removed base avatar component
2022-07-27 00:22:40 +05:30
..
index.js remove the ui/app and ui/lib folders (#10911) 2021-04-28 14:53:59 -05:00
index.scss Fix/14856 network settings page (#14857) 2022-06-15 13:16:53 -07:00
README.mdx Updated all instances of "Component API" to "Props" in storybook documentation (#15324) 2022-07-27 00:22:40 +05:30
text-field.component.js Dark Mode: Swap hex colors in ui/components/ui folder (#14191) 2022-03-25 10:09:22 -05:00
text-field.stories.js Update ESLint config to v8 (#12886) 2021-12-09 15:36:24 -03:30

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>