FlexSelect Documentation

Attribute Values Description
class flexselect
  • Mandatory.
  • Converts the element structure into a FlexSelect UX
data-width
data-padding
data-border-radius
data-event-change
data-start-silent true | false
  • Optional.
  • Default : false
  • FlexSelect will on initialization set a selected value (in multiselect mode 0, 1 or many values can be preselected) and therefore emit a change event as well as invoke any callback for the change event. startSilent allows you to disable the change event on initialization.
  • true : cancel the change event on initialization, which can be useful if the hooked up event handler (or callback) references objects not yet available in dom on FlexSelect initialization.
  • false : do NOT cancel the change event on initialization, change event will fire and any callback will be invoked.
data-multiselect
data-start-value
data-close-on-click-outside true | false
data-text-color
data-text-color-hover
data-background-color
data-background-color-hover
data-arrow-color
data-arrow-color-hover
data-arrow-size
data-arrow-rotate
data-arrow-animation-time
data-options-max-height
data-options-padding
data-options-item-gap
data-options-open-from
data-options-open-animation-time
data-options-selection-marker-use
data-options-selection-marker-width
data-options-selection-marker-color
data-options-text-color
data-options-text-color-hover
data-options-background-color
data-options-background-color-alternate
data-options-background-color-selected
data-options-background-color-hover