@microsoft/fast-foundation > Select
Select class
A Select Custom HTML Element. Implements the ARIA select.
start - Content which can be provided before the button content
end - Content which can be provided after the button content
button-container - The element representing the select button
selected-value - The selected value
indicator - The visual indicator for the expand/collapse state of the button
- The default slot for slotted options
control - The element representing the select invoking element
selected-value - The element wrapping the selected value
indicator - The element wrapping the visual indicator
listbox - The listbox element
input - Fires a custom 'input' event when the value updates
change - Fires a custom 'change' event when the value updates
Signature:export declare class Select extends FormAssociatedSelect
Properties
| Property | Modifiers | Type | Description |
|---|---|---|---|
| displayValue | string | The value displayed on the button. | |
| open | boolean | The open attribute. | |
| position | SelectPosition | Holds the current state for the calculated position of the listbox. | |
| positionAttribute | SelectPosition | Reflects the placement for the listbox when the select is open. | |
| value | string | The value property. |
Methods
| Method | Modifiers | Description |
|---|---|---|
| connectedCallback() | ||
| disconnectedCallback() | ||
| multipleChanged(prev, next) | Sets the multiple property on the proxy element. | |
| positionChanged(prev, next) | ||
| setPositioning() | Calculate and apply listbox positioning based on available viewport space. |