@aria-ui/select v0.0.30
@aria-ui/select
SelectContentEvents #
Group
PopoverContent
escapeKeyDown: EscapeKeyDownEvent
Fired when the escape key is pressed.
By default, the popover will be closed. It can be prevented by calling preventDefault()
.
focusOutside: FocusOutsideEvent
Fired when the focus is moved outside the element.
By default, the popover will be closed. It can be prevented by calling preventDefault()
.
interactOutside: InteractOutsideEvent
Fired when an interaction (pointer or focus) happens outside the component.
By default, the popover will be closed. It can be prevented by calling preventDefault()
.
pointerDownOutside: PointerDownOutsideEvent
Fired when the pointer is pressed down outside the element.
By default, the popover will be closed. It can be prevented by calling preventDefault()
.
SelectItemProps #
Group
SelectItem
value: string
The value of the item. Every item must have a unique value in the parent list.
Default: ""
SelectListEvents #
Group
SelectList
valueChange: CustomEvent<string>
SelectListProps #
Group
SelectList
autoFocus: boolean
Whether the listbox should automatically set the focus to the first item when the listbox is mounted or when the query changes.
Default: false
eventTarget?: HTMLElement | TypedEventTarget<"keydown">
By default, the Listbox element will listen for keydown events. You can pass a different element to listen for keydown events.
filter: null | ItemFilter
The filter function to determine if an item should be shown in the listbox. By default, a simple case-insensitive substring match is used. You can provide a custom filter function to match against a more complex pattern. You can also pass null
to disable filtering and allow all items to be shown.
Default: defaultItemFilter
query: string
The query string to filter the listbox items.
Default: ""
selectionMode: "multiple" | "single"
Listbox selection mode
(Currently only single selection mode is implemented)
Default: "single"
value: string
The selected value.
Default: ""
SelectRootEvents #
Group
SelectRoot
openChange: CustomEvent<boolean>
SelectRootProps #
Group
SelectRoot
defaultOpen: boolean
Whether the popover is open by default.
Default: false
open: boolean
Whether the popover is open.
Default: false
SelectValueProps #
Group
SelectValue
placeholder: string
The value to show when no item is selected
Default: ""
selectContentEvents #
Type: EventDeclarations<PopoverContentEvents>
7 months ago
10 months ago
10 months ago
10 months ago
12 months ago
12 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago