Select
Overview
Select allows the user to choose from a list of values and is based on the Angular Material select component.
Examples
API
select
Creates a Select component.
PARAMETER | DESCRIPTION |
---|---|
options |
List of select options.
TYPE:
|
on_selection_change |
Event emitted when the selected value has been changed by the user.
TYPE:
|
on_opened_change |
Event emitted when the select panel has been toggled.
TYPE:
|
disabled |
Whether the select is disabled.
TYPE:
|
disable_ripple |
Whether ripples in the select are disabled.
TYPE:
|
multiple |
Whether multiple selections are allowed.
TYPE:
|
tab_index |
Tab index of the select.
TYPE:
|
placeholder |
Placeholder to be shown if no value has been selected.
TYPE:
|
value |
Value of the select control.
TYPE:
|
style |
Style.
TYPE:
|
key |
The component key.
TYPE:
|
SelectOption
dataclass
Represents an option within a select component.
ATTRIBUTE | DESCRIPTION |
---|---|
label |
The content shown for the select option.
TYPE:
|
value |
The value associated with the select option.
TYPE:
|
SelectSelectionChangeEvent
dataclass
Bases: MesopEvent
Event representing a change in the select component's value(s).
ATTRIBUTE | DESCRIPTION |
---|---|
values |
New values of the select component after the change.
TYPE:
|
key |
Key of the component that emitted this event.
TYPE:
|
value
property
Shortcut for returning a single value.
SelectOpenedChangeEvent
dataclass
Bases: MesopEvent
Event representing the opened state change of the select component.
ATTRIBUTE | DESCRIPTION |
---|---|
opened |
A boolean indicating whether the select component is opened (True) or closed (False).
TYPE:
|
key |
key of the component that emitted this event.
TYPE:
|