Nighthawk

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

OptionTypeDefault valuePossible values
colorenumprimaryprimary/secondary/black/white/transparent
sizeenummediumsmall/medium/large
borderbooleanfalsetrue/false
roundedbooleanfalsetrue/false
nameFieldstring-any string
valueFieldstring-any string
optionsarray of objects-any array
hasSearchbooleanfalsetrue/false
placeholderstring-any string
searchPlaceholderstring-any string

Outputs

EventTypeValue
onOptionSelectstring/number/anyEmits property's value based on valueField
onSearchValuestringEmits the string value being searched

Style Variables