metamask-extension/ui/components/ui/text-field

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>

## Component API

<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>