Skip to main content
Version: 1.x

@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

PropertyModifiersTypeDescription
displayValuestringThe value displayed on the button.
openbooleanThe open attribute.
positionSelectPositionHolds the current state for the calculated position of the listbox.
positionAttributeSelectPositionReflects the placement for the listbox when the select is open.
valuestringThe value property.

Methods

MethodModifiersDescription
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.