# dropdown 

## description

Dropdown selector one or multi options between options

# properties

-  [name](/properties/name.md): name
- title: title of dropdown inside
- placeholder: placeholder shown when not selected any options
- [padding](/properties/padding.md): padding
- [height](/properties/height.md) : height
- [width](/properties/width.md) : width 
- [icon](/properties/icon.md) : icon
- [bgColor](/properties/color.md) : background color
- [iconColor](/properties/color.md) : icon's color
- iconSize: icon's size
- hint: hint of dropdown below of the component
- [trailingIcon](/properties/icon.md): icon beside of placeholder
- [trailingColor](/properties/color.md): color of trailingIcon
- trailingSize: size of trailingIcon (pixel)
- [color](/properties/color.md) : title color
- [modalColor](/properties/color.md) : modal's color
- modalTitle: modal's title
- [modalBgColor](/properties/color.md):  modal's background color
- multiple : multiple select
- isTwoLine: show in two lines
- searchable: searchable options (on modal)
- enabled: enabled component (uncheck it to disable component)
- value: default value or selected value by user (active when multiple unchecked)
- values: default values or selected values by user (active when multiple checked)
- isLoading: preloading status
- [onChanged](/events.md) : event run when change value by user
- hide: hiding component (if you check it, the component hiding)
- options: options shows in modal (read about this below)

> Modal where is the user select options, and show by tap on dropdown.

# options

You can define your options here, and bottom of the form has add options button.

![alt text](https://anubias.app/doc/assets/images/properties/options.png)
