metamask-extension

mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00

History

Ariella Vu 9d6e22e176 TextField: set bg color to default (#14106 )		2022-03-21 21:24:03 -05:00
..
index.js	remove the ui/app and ui/lib folders (#10911 )	2021-04-28 14:53:59 -05:00
index.scss	Implement Dark Mode Form Fields (#13821 )	2022-03-10 10:10:07 -06:00
README.mdx	text-field (#12889 )	2021-12-07 09:57:23 -08:00
text-field.component.js	TextField: set bg color to default (#14106 )	2022-03-21 21:24:03 -05:00
text-field.stories.js	Update ESLint config to v8 (#12886 )	2021-12-09 15:36:24 -03:30

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>

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