Select
A dropdown menu that lets users choose one option from a list of choices.
| Property | Description | Type |
|---|---|---|
label | Adds a label above the select element. | string |
placeholder | Provides a subtle hint within the select. | string |
options | Specifies the list of options availble in the select. | { value: string, label: string }[] |
name | Sets the name HTML attribute to the select element. | string |
expanded | Allows the select element to stretch to full width. | boolean |
required | Makes the input a required field and styles the label with a red asterisk. | boolean |
disabled | Prevents interaction. | boolean |
error | Adds an error message below the select. | string |
hint | Adds a hint below the select. | string |
autocomplete | Whether the browser may autofill the field. | on | off |
slot="prefix" | Content shown inside the field before the selected option, such as an icon. | slot |
slot="suffix" | Content shown inside the field after the selected option. | slot |
value | The selected option's value. Use bind:value to read and update it. | string |