Custom Selectors
A suite of beautifully animated, layered dropdown selectors tailored for different interaction models.
Native Select
A styled wrapper over the system biological select button, preserving native mobile UI wheels.
Select
A fully custom dropdown overlay using our standard easing transition curve.
Basic Use
Provide an array of objects ({ label, value }) to populate.
Multi Select
Extends the custom select allowing an array of values, rendering checkboxes.
Multiple Selections
State manages an array. UI gracefully aggregates selected count if too long.
Combobox
The most interactive Select. Allows full text input to natively filter down the array list using your keyboard.
Typeahead Search
Try typing 'Vue' or 'React'. Navigate with arrow keys.
MayaSelect Props API
| Prop / Event | Type | Default | Description |
|---|---|---|---|
modelValue | String | Number | "" | The selected value. Used with v-model. |
options | Array | [] | List of options. Can be primitive array or objects { label, value, disabled }. |
placeholder | String | "Select an option" | Placeholder when nothing is selected. |
disabled | Boolean | false | Whether the select is disabled. |
@update:modelValue | Event | — | Emitted on selection. |
@change | Event | — | Emitted with the selected value on change. |