# Input

Displays a form input field or a component that looks like an input field.


## Installation
```shell
fcnui add input
```

> :warning: **Important**:
> When added, need to stop running app and run `flutter pub get` to install all necessary dependencies.


## Depends

Adds the following components to your project along with the input component:

- [Form](/docs/components/form)
- [SaveButton](/docs/components/form#additionally)

## Examples

import DefaultIframe from '../../src/components/default_iframe'

### Default
<DefaultIframe src="https://fcnui-playground.vercel.app/#/input" height={400}/>

### Disabled
<DefaultIframe src="https://fcnui-playground.vercel.app/#/input?isDisabled=true" height={400}/>

### With Button
<DefaultIframe src="https://fcnui-playground.vercel.app/#/input?withButton=true" height={400}/>

### With Label
<DefaultIframe src="https://fcnui-playground.vercel.app/#/input?withLabel=true" height={400}/>

### Form
> [Docs](/docs/components/form)
<DefaultIframe src="https://fcnui-playground.vercel.app/#/input?isForm=true" height={400}/>