joyent-portal/packages/ui-toolkit/src/form/usage-input.md

#### Input > Email

```jsx
const FormGroup = require('./group').default;
const Label = require('./label').default;

<FormGroup>
  <Label>Username</Label>
  <Input placeholder='Example: JarJarBinks' type='email' />
</FormGroup>
```

#### Input > Disabled

```jsx
const FormGroup = require('./group').default;
const Label = require('./label').default;

<FormGroup>
  <Label disabled>Username</Label>
  <Input disabled placeholder='Example: JarJarBinks' type='email' />
</FormGroup>
```

#### Input > Error

```jsx
const FormGroup = require('./group').default;
const Label = require('./label').default;
const FormMeta = require('./meta').default;

<FormGroup>
  <Label>Email Address</Label>
  <Input placeholder='Enter email' type='email' />
  <FormMeta error>
    Unexpected children error!
  </FormMeta>
</FormGroup>
```

#### Input > Warning

```jsx
const FormGroup = require('./group').default;
const Label = require('./label').default;
const FormMeta = require('./meta').default;

<FormGroup>
  <Label>Email Address</Label>
  <Input placeholder='Enter email' type='email' />
  <FormMeta warning>
    Unexpected children warning!
  </FormMeta>
</FormGroup>
```

#### Input > Success

```jsx
const FormGroup = require('./group').default;
const Label = require('./label').default;
const FormMeta = require('./meta').default;

<FormGroup>
  <Label>Email Address</Label>
  <Input placeholder='Enter email' type='email' />
  <FormMeta success>
    Unexpected children success!
  </FormMeta>
</FormGroup>
```