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="components-ui-textfield--default-story" />
</Canvas>

## Props

<ArgsTable of={TextField} />

### Password Text Field

<Canvas>
  <Story id="components-ui-textfield--password" />
</Canvas>

### With Error

<Canvas>
  <Story id="components-ui-textfield--error" />
</Canvas>

### Mascara Text

<Canvas>
  <Story id="components-ui-textfield--mascara-text" />
</Canvas>

### With Material Theme

<Canvas>
  <Story id="components-ui-textfield--material-text" />
</Canvas>

### Password With Material Theme

<Canvas>
  <Story id="components-ui-textfield--material-password" />
</Canvas>

### With Material Theme Error

<Canvas>
  <Story id="components-ui-textfield--material-error" />
</Canvas>
