Select
Preview - large
Selected value: -
Selected value: -
Selected value: -
Selected value: -
Selected value: -
Preview - medium
Selected value: -
Selected value: -
Selected value: -
Selected value: -
Selected value: -
Preview - small
Selected value: -
Selected value: -
Selected value: -
Selected value: -
Selected value: -
Demo code
Inputs
Option | Type | Default value | Possible values |
---|---|---|---|
color | enum | primary | primary/secondary/black/white/transparent |
size | enum | medium | small/medium/large |
border | boolean | false | true/false |
rounded | boolean | false | true/false |
nameField | string | - | any string |
valueField | string | - | any string |
options | array of objects | - | any array |
hasSearch | boolean | false | true/false |
placeholder | string | - | any string |
searchPlaceholder | string | - | any string |
Outputs
Event | Type | Value |
---|---|---|
onOptionSelect | string/number/any | Emits property's value based on valueField |
onSearchValue | string | Emits the string value being searched |
Style Variables