import { Story, Canvas, ArgsTable } from '@storybook/addon-docs';

import FormField from '.';

# Form Field

Various data fields available for forms and pages.

<Canvas>
  <Story id="ui-components-ui-form-field-form-field-stories-js--default-story" />
</Canvas>

## Component API

<ArgsTable of={FormField} />

### Title detail

Show form fields with title detail on the left of the title

<Canvas>
  <Story id="ui-components-ui-form-field-form-field-stories-js--form-field-with-title-detail" />
</Canvas>

### Error

Show form fields with error state

<Canvas>
  <Story id="ui-components-ui-form-field-form-field-stories-js--form-field-with-error" />
</Canvas>
