@aria-ui/select
Advanced tools
escapeKeyDown
Fired when the escape key is pressed.
By default, the popover will be closed. It can be prevented by calling preventDefault().
Type: EscapeKeyDownEvent
focusOutside
Fired when the focus is moved outside the element.
By default, the popover will be closed. It can be prevented by calling preventDefault().
Type: FocusOutsideEvent
interactOutside
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().
Type: InteractOutsideEvent
pointerDownOutside
Fired when the pointer is pressed down outside the element.
By default, the popover will be closed. It can be prevented by calling preventDefault().
Type: PointerDownOutsideEvent
value
The value of the item. Every item must have a unique value in the parent list.
Type: string
Default: ""
valueChange
Type: CustomEvent<string>
autoFocus
Whether the listbox should automatically set the focus to the first item when the listbox is mounted or when the query changes.
Type: boolean
Default: false
eventTarget
By default, the Listbox element will listen for keydown events. You can pass a different element to listen for keydown events.
Type: HTMLElement | TypedEventTarget<"keydown">
filter
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.
Type: null | ItemFilter
Default: defaultItemFilter
query
The query string to filter the listbox items.
Type: string
Default: ""
selectionMode
Listbox selection mode
(Currently only single selection mode is implemented)
Type: "multiple" | "single"
Default: "single"
value
The selected value.
Type: string
Default: ""
openChange
Type: CustomEvent<boolean>
defaultOpen
Whether the popover is open by default.
Type: boolean
Default: false
open
Whether the popover is open.
Type: boolean
Default: false
placeholder
The value to show when no item is selected
Type: string
Default: ""
Type: EventDeclarations<PopoverContentEvents>
FAQs
## SelectContentEvents #
The npm package @aria-ui/select receives a total of 4 weekly downloads. As such, @aria-ui/select popularity was classified as not popular.
We found that @aria-ui/select demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Research
A malicious npm package disguised as a WhatsApp client is exploiting authentication flows with a remote kill switch to exfiltrate data and destroy files.
Security News
PyPI now supports digital attestations, enhancing security and trust by allowing package maintainers to verify the authenticity of Python packages.
Security News
GitHub removed 27 malicious pull requests attempting to inject harmful code across multiple open source repositories, in another round of low-effort attacks.
