# Dropdown

Displays a list of options for the user to pick from—triggered by a button.

## Installation
```shell
fcnui add dropdown
```

> :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)
- [Input](/docs/components/input)

## Examples

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

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

### Disabled
<DefaultIframe src="https://fcnui-playground.vercel.app/#/dropdown?variant=disabled" height={300}/>

### Disabled Items
<DefaultIframe src="https://fcnui-playground.vercel.app/#/dropdown?variant=disabledItems" height={500}/>

### With Icons
<DefaultIframe src="https://fcnui-playground.vercel.app/#/dropdown?variant=withIcons" height={500}/>

### Search
<DefaultIframe src="https://fcnui-playground.vercel.app/#/dropdown?variant=search" height={500}/>

### Group
<DefaultIframe src="https://fcnui-playground.vercel.app/#/dropdown?variant=group" height={500}/>