Themed select with trigger, content, and item subcomponents.
Summary
Functions
The select menu content.
A group of items.
An item in the select menu.
A label for a group.
The root container for the select component.
A visual separator between items or groups.
The trigger area that opens the select menu.
Functions
The select menu content.
Attributes
variant(:string) - Defaults to"solid". Must be one of"solid", or"soft".size(:string) - Defaults to"2". Must be one of"1","2", or"3".position(:string) - Defaults to"item-aligned". Must be one of"item-aligned", or"popper".class(:string) - Defaults tonil.color(:string) - Color utility class string. One of: gray, gold, bronze, brown, yellow, amber, orange, tomato, red, ruby, crimson, pink, plum, purple, violet, iris, indigo, blue, cyan, teal, jade, green, grass, lime, mint, sky. Must be one of"gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint", or"sky".high_contrast(:boolean) - Whether to increase color contrast with the background.- Global attributes are accepted.
Slots
inner_block(required)
A group of items.
Attributes
class(:string) - Defaults tonil.- Global attributes are accepted.
Slots
inner_block(required)
An item in the select menu.
Attributes
value(:string) (required)disabled(:boolean) - Defaults tofalse.class(:string) - Defaults tonil.- Global attributes are accepted.
Slots
inner_block(required)
A label for a group.
Attributes
class(:string) - Defaults tonil.- Global attributes are accepted.
Slots
inner_block(required)
The root container for the select component.
Attributes
id(:string) (required)value(:string) - Defaults tonil.on_change(:string) - 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 visual separator between items or groups.
Attributes
class(:string) - Defaults tonil.- Global attributes are accepted.
The trigger area that opens the select menu.
Attributes
variant(:string) - Defaults to"surface". Must be one of"surface","classic","soft", or"ghost".size(:string) - Defaults to"2". Must be one of"1","2", or"3".placeholder(:string) - Defaults tonil.color(:string) - Color utility class string. One of: gray, gold, bronze, brown, yellow, amber, orange, tomato, red, ruby, crimson, pink, plum, purple, violet, iris, indigo, blue, cyan, teal, jade, green, grass, lime, mint, sky. Must be one of"gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint", or"sky".class(:string) - Defaults tonil.value(:string) - Initial value for SSR. Defaults tonil.- Global attributes are accepted.
Slots
inner_block