Select primitive for choosing a value from a list of options.
Summary
Functions
An optional arrow that points to the trigger.
The content that pops out when the select is open.
A group of items.
A decorative icon for the trigger.
An item in the select.
An indicator shown when the item is selected.
The text content of an item.
A label for a group.
A portal that renders the select content into a target container via Phoenix.Component.portal.
The root container for the select component.
A button that scrolls the viewport down.
A button that scrolls the viewport up.
A separator between items or groups.
The button that toggles the select.
The value displayed in the trigger.
The viewport that contains the select items.
Functions
An optional arrow that points to the trigger.
Attributes
- Global attributes are accepted.
The content that pops out when the select is open.
Attributes
id(:string) - Defaults tonil.- Global attributes are accepted.
Slots
inner_block(required)
A group of items.
Attributes
- Global attributes are accepted.
Slots
inner_block(required)
A decorative icon for the trigger.
Attributes
- Global attributes are accepted.
Slots
inner_block(required)
An item in the select.
Attributes
value(:string) (required)disabled(:boolean) - Defaults tofalse.text_value(:string) - Optional text value for type-to-select. Defaults tonil.- Global attributes are accepted.
Slots
inner_block(required)
An indicator shown when the item is selected.
Attributes
- Global attributes are accepted.
Slots
inner_block(required)
The text content of an item.
Attributes
- Global attributes are accepted.
Slots
inner_block(required)
A label for a group.
Attributes
- Global attributes are accepted.
Slots
inner_block(required)
A portal that renders the select content into a target container via Phoenix.Component.portal.
Attributes
id(:string) (required)target(:string) - Defaults to"body".
Slots
inner_block(required)
The root container for the select component.
Attributes
id(:string) (required)value(:string) - The value of the select. Defaults tonil.on_change(:string) - Event to push when value changes. Defaults tonil.disabled(:boolean) - Defaults tofalse.dir(:string) - Defaults to"ltr". Must be one of"ltr", or"rtl".name(:string) - Defaults tonil.required(:boolean) - Defaults tofalse.- Global attributes are accepted.
Slots
inner_block(required)
A button that scrolls the viewport down.
Attributes
- Global attributes are accepted.
Slots
inner_block(required)
A button that scrolls the viewport up.
Attributes
- Global attributes are accepted.
Slots
inner_block(required)
A separator between items or groups.
Attributes
- Global attributes are accepted.
The button that toggles the select.
Attributes
id(:string) - Defaults tonil.disabled(:boolean) - Defaults tofalse.- Global attributes are accepted.
Slots
inner_block(required)
The value displayed in the trigger.
Attributes
placeholder(:string) - Defaults tonil.- Global attributes are accepted.
Slots
inner_block
The viewport that contains the select items.
Attributes
- Global attributes are accepted.
Slots
inner_block(required)