<Dropdown color={"lightEucalyptus"} options={[
1,
2,
3,
4,
5,
6
]} /><Dropdown color={"purple"} options={[
1,
2,
3,
4,
5,
6
]} /><Dropdown color={"orange"} options={[
1,
2,
3,
4,
5,
6
]} value={2} /><Dropdown color={"yellow"} options={[
1,
2,
3,
4,
5,
6
]} value={3} /><Dropdown color={"green"} options={[
1,
2,
3,
4,
5,
6
]} value={4} /><Dropdown color={"blue"} options={[
1,
2,
3,
4,
5,
6
]} value={5} /><Dropdown color={"lightEucalyptus"} options={[
{
"id": 1,
"value": "One"
},
{
"id": 2,
"value": "Two"
},
{
"id": 3,
"value": "Three"
},
{
"id": 4,
"value": "Four"
}
]} />Name | Description | Type | Required | Default | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
color | Dropdown color. | string | false | "lightEucalyptus" | ||||||||||
className | List of classes for this element. | string | array | false | "" | ||||||||||
forwardRef | Ref to component or DOM element. | function | object | false | null | ||||||||||
| ||||||||||||||
onChange | Function that executes when dropdown value changes. | func | false | null | ||||||||||
value | Initial value of dropdown. | string | number | object | false | null | ||||||||||
inactive | Inactive if true. | boolean | false | false | ||||||||||
options | Dropdown options. | array | true | |||||||||||