Skip to content
QuickGUI

Select

A single- or multiple-choice picker whose option surface is rendered in a native popover window.

#Import

Import Select from @quickgui/solid.

import { Select } from "@quickgui/solid";

#Usage

<Select.Root
  ariaLabel="Theme"
  items={[
    { value: "system", label: "System" },
    { value: "light", label: "Light" },
    { value: "dark", label: "Dark" },
  ]}
  value={theme()}
  onValueChange={setTheme}
/>

#Anatomy

  • Select.Root
  • Select.Trigger
  • Select.Option
  • Select.Label
  • Select.Value
  • Select.Icon
  • Select.Backdrop
  • Select.Portal
  • Select.Positioner
  • Select.Popup
  • Select.Arrow
  • Select.List
  • Select.Item
  • Select.ItemText
  • Select.ItemIndicator
  • Select.Group
  • Select.GroupLabel
  • Select.Separator
  • Select.ScrollUpArrow
  • Select.ScrollDownArrow
<Select.Root>
  <Select.Trigger />
  <Select.Option />
  <Select.Label />
  <Select.Value />
  <Select.Icon />
  <Select.Backdrop />
  <Select.Portal />
  <Select.Positioner />
  <Select.Popup />
  <Select.Arrow />
  <Select.List />
  <Select.Item />
  <Select.ItemText />
  <Select.ItemIndicator />
  <Select.Group />
  <Select.GroupLabel />
  <Select.Separator />
  <Select.ScrollUpArrow />
  <Select.ScrollDownArrow />
</Select.Root>

#API reference

Expand an entry for its description and complete signature. A dash means no declaration default is documented.

Select

View source
Select(props: JSX.SelectProps): NativeNode
accessibilityLabelstring—

Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.

string
View source
childrenunknown—

Declares children (optional). Reactive JSX expressions update this property in place.

unknown
View source
styleStyleProp—

Layout, typography, paint, and interaction-state styles. Arrays merge left to right.

StyleProp
View source
disabledboolean—

Declares disabled (optional). Reactive JSX expressions update this property in place.

boolean
View source
invalidboolean—

Expose web-style invalid state; the `style.invalid` variant paints while it is set.

boolean
View source
selectedboolean—

Expose web-style selected state; the `style.selected` variant paints while it is set.

boolean
View source
groupboolean | string—

Makes this element the group its descendants' `groupHover` and `groupActive` styles follow, like Tailwind's `group`: `true` opens an unnamed group, and a string names it so a descendant can follow it past a nearer group with `groupHover: { group: "name" }`.

boolean | string
View source
rolestring—

Declares role (optional). Reactive JSX expressions update this property in place.

string
View source
tabIndexnumber—

Declares tabIndex (optional). Reactive JSX expressions update this property in place.

number
View source
focusOnPointerboolean—

Keep keyboard focus where it is when this element is activated with a pointer.

boolean
View source
overlayboolean—

Paint this subtree in the viewport overlay plane above embedded native views.

boolean
View source
focusTrapboolean—

Contain keyboard focus within this subtree while it is the topmost trap.

boolean
View source
restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean
View source
autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean
View source
aria-modalboolean—

Expose modal semantics to assistive technology.

boolean
View source
ariaModalboolean—

Declares ariaModal (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnEscapeboolean—

Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnPointerOutsideboolean—

Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.

boolean
View source
tooltipstring—

Delayed, pointer-passive native tooltip text shown while this element is hovered.

string
View source
tooltipPlacementPopoverPlacement—

Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.

PopoverPlacement
View source
tooltipDelaynumber—

Hover delay in milliseconds, clamped by the Rust core to at most ten seconds.

number
View source
tooltipGapnumber—

Declares tooltipGap (optional). Reactive JSX expressions update this property in place.

number
View source
tooltipViewportMarginnumber—

Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.

number
View source
hitSlopnumber | string—

Declares hitSlop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopTopnumber | string—

Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopRightnumber | string—

Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopBottomnumber | string—

Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopLeftnumber | string—

Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.

number | string
View source
aria-labelstring—

Declares aria-label (optional). Reactive JSX expressions update this property in place.

string
View source
ariaLabelstring—

Declares ariaLabel (optional). Reactive JSX expressions update this property in place.

string
View source
ref((node: NativeNode) => void) | NativeNode—

Declares ref (optional). Reactive JSX expressions update this property in place.

((node: NativeNode) => void) | NativeNode
View source
onClickEventHandler—

Declares onClick (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseEnterEventHandler—

Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseLeaveEventHandler—

Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEnterEventHandler—

Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerLeaveEventHandler—

Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEventHandler—

Captured pointer stream from press through release/cancel, including outside the element.

EventHandler
View source
onInputEventHandler—

Declares onInput (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onChangeEventHandler—

Declares onChange (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSubmitEventHandler—

Declares onSubmit (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDismissEventHandler—

Declares onDismiss (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onKeyDownEventHandler—

Focused key press. Declare a `tabIndex` to make an ordinary container focusable.

EventHandler
View source
onKeyUpEventHandler—

Declares onKeyUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseDownEventHandler—

Declares onMouseDown (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseUpEventHandler—

Declares onMouseUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseMoveEventHandler—

Declares onMouseMove (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler
View source
onWheelEventHandler—

Declares onWheel (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onContextMenuEventHandler—

Secondary-button press. Use `ContextMenu` for a declared native menu.

EventHandler
View source
onPinchEventHandler—

Declares onPinch (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onRotateEventHandler—

Declares onRotate (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSmartMagnifyEventHandler—

Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPressureEventHandler—

Declares onPressure (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFocusEventHandler—

Declares onFocus (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onBlurEventHandler—

Declares onBlur (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
keymapKeymap—

Bounded accelerator table resolved by the core while this element is focused.

Keymap
View source
onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler
View source
draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource
View source
onDragStartEventHandler—

Declares onDragStart (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDragEndEventHandler—

Declares onDragEnd (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
dropKindsDropKind | readonly DropKind[]—

Payload kinds this element accepts, declared ahead of the native drag.

DropKind | readonly DropKind[]
View source
onDropEventHandler—

Declares onDrop (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFilesDroppedEventHandler—

Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
scopestring—

Stable key shared by every part of one component instance.

string
View source
itemsreadonly OptionDeclaration[] | Readonly<Record<string, string>>—

Bounded option source, in either of Base UI's two shapes. An array of option objects, or the map form — one entry per value and its label. Omit it to declare the options as child `Item` nodes instead.

readonly OptionDeclaration[] | Readonly<Record<string, string>>
View source
appearancePickerAppearance—

Structural geometry and paint for the rows the core renders in its own window.

PickerAppearance
View source
filterMode"fuzzy" | "contains" | "startsWith" | "none"—

Base UI's `filter`, answered by the core. `"contains"` and `"startsWith"` keep the source order, `"fuzzy"` ranks with the core's own matcher and is the only mode that reports label highlight ranges, and `"none"` keeps a source an application or service already filtered.

"fuzzy" | "contains" | "startsWith" | "none"
View source
onOpenChange(open: boolean, event: QuickGuiEvent) => void—

Reported when the core opens or closes its own native popover window.

(open: boolean, event: QuickGuiEvent) => void
View source
valuestring—

Controlled selected option value.

string
View source
defaultValuestring—

Declares defaultValue (optional). Reactive JSX expressions update this property in place.

string
View source
onValueChange(value: string | undefined, event: QuickGuiEvent) => void—

Declares onValueChange (optional). Reactive JSX expressions update this property in place.

(value: string | undefined, event: QuickGuiEvent) => void
View source
multipleboolean—

Accept more than one value, Base UI's `multiple`.

boolean
View source
valuesreadonly string[]—

Controlled value set of a multiple select, bounded by the core's own 256 values.

readonly string[]
View source
defaultValuesreadonly string[]—

Declares defaultValues (optional). Reactive JSX expressions update this property in place.

readonly string[]
View source
onValuesChange(values: readonly string[], event: QuickGuiEvent) => void—

Declares onValuesChange (optional). Reactive JSX expressions update this property in place.

(values: readonly string[], event: QuickGuiEvent) => void
View source
requiredboolean—

Require a value before form submission.

boolean
View source
readOnlyboolean—

Refuse every value change while staying focusable, unlike `disabled`.

boolean
View source
modalboolean—

Expect a mounted `Select.Backdrop`; QuickGUI adds no dimming of its own.

boolean
View source
alignItemWithTriggerboolean—

Line the selected row up with the trigger, Base UI's `alignItemWithTrigger`.

boolean
View source
onCommit(details: CommitDetails, event: QuickGuiEvent) => void—

One edge per commit, even when the committed value did not move.

(details: CommitDetails, event: QuickGuiEvent) => void
View source

Select.Root

View source
Select.Root(props: JSX.SelectProps): NativeNode
accessibilityLabelstring—

Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.

string
View source
childrenunknown—

Declares children (optional). Reactive JSX expressions update this property in place.

unknown
View source
styleStyleProp—

Layout, typography, paint, and interaction-state styles. Arrays merge left to right.

StyleProp
View source
disabledboolean—

Declares disabled (optional). Reactive JSX expressions update this property in place.

boolean
View source
invalidboolean—

Expose web-style invalid state; the `style.invalid` variant paints while it is set.

boolean
View source
selectedboolean—

Expose web-style selected state; the `style.selected` variant paints while it is set.

boolean
View source
groupboolean | string—

Makes this element the group its descendants' `groupHover` and `groupActive` styles follow, like Tailwind's `group`: `true` opens an unnamed group, and a string names it so a descendant can follow it past a nearer group with `groupHover: { group: "name" }`.

boolean | string
View source
rolestring—

Declares role (optional). Reactive JSX expressions update this property in place.

string
View source
tabIndexnumber—

Declares tabIndex (optional). Reactive JSX expressions update this property in place.

number
View source
focusOnPointerboolean—

Keep keyboard focus where it is when this element is activated with a pointer.

boolean
View source
overlayboolean—

Paint this subtree in the viewport overlay plane above embedded native views.

boolean
View source
focusTrapboolean—

Contain keyboard focus within this subtree while it is the topmost trap.

boolean
View source
restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean
View source
autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean
View source
aria-modalboolean—

Expose modal semantics to assistive technology.

boolean
View source
ariaModalboolean—

Declares ariaModal (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnEscapeboolean—

Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnPointerOutsideboolean—

Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.

boolean
View source
tooltipstring—

Delayed, pointer-passive native tooltip text shown while this element is hovered.

string
View source
tooltipPlacementPopoverPlacement—

Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.

PopoverPlacement
View source
tooltipDelaynumber—

Hover delay in milliseconds, clamped by the Rust core to at most ten seconds.

number
View source
tooltipGapnumber—

Declares tooltipGap (optional). Reactive JSX expressions update this property in place.

number
View source
tooltipViewportMarginnumber—

Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.

number
View source
hitSlopnumber | string—

Declares hitSlop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopTopnumber | string—

Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopRightnumber | string—

Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopBottomnumber | string—

Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopLeftnumber | string—

Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.

number | string
View source
aria-labelstring—

Declares aria-label (optional). Reactive JSX expressions update this property in place.

string
View source
ariaLabelstring—

Declares ariaLabel (optional). Reactive JSX expressions update this property in place.

string
View source
ref((node: NativeNode) => void) | NativeNode—

Declares ref (optional). Reactive JSX expressions update this property in place.

((node: NativeNode) => void) | NativeNode
View source
onClickEventHandler—

Declares onClick (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseEnterEventHandler—

Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseLeaveEventHandler—

Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEnterEventHandler—

Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerLeaveEventHandler—

Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEventHandler—

Captured pointer stream from press through release/cancel, including outside the element.

EventHandler
View source
onInputEventHandler—

Declares onInput (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onChangeEventHandler—

Declares onChange (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSubmitEventHandler—

Declares onSubmit (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDismissEventHandler—

Declares onDismiss (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onKeyDownEventHandler—

Focused key press. Declare a `tabIndex` to make an ordinary container focusable.

EventHandler
View source
onKeyUpEventHandler—

Declares onKeyUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseDownEventHandler—

Declares onMouseDown (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseUpEventHandler—

Declares onMouseUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseMoveEventHandler—

Declares onMouseMove (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler
View source
onWheelEventHandler—

Declares onWheel (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onContextMenuEventHandler—

Secondary-button press. Use `ContextMenu` for a declared native menu.

EventHandler
View source
onPinchEventHandler—

Declares onPinch (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onRotateEventHandler—

Declares onRotate (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSmartMagnifyEventHandler—

Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPressureEventHandler—

Declares onPressure (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFocusEventHandler—

Declares onFocus (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onBlurEventHandler—

Declares onBlur (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
keymapKeymap—

Bounded accelerator table resolved by the core while this element is focused.

Keymap
View source
onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler
View source
draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource
View source
onDragStartEventHandler—

Declares onDragStart (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDragEndEventHandler—

Declares onDragEnd (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
dropKindsDropKind | readonly DropKind[]—

Payload kinds this element accepts, declared ahead of the native drag.

DropKind | readonly DropKind[]
View source
onDropEventHandler—

Declares onDrop (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFilesDroppedEventHandler—

Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
scopestring—

Stable key shared by every part of one component instance.

string
View source
itemsreadonly OptionDeclaration[] | Readonly<Record<string, string>>—

Bounded option source, in either of Base UI's two shapes. An array of option objects, or the map form — one entry per value and its label. Omit it to declare the options as child `Item` nodes instead.

readonly OptionDeclaration[] | Readonly<Record<string, string>>
View source
appearancePickerAppearance—

Structural geometry and paint for the rows the core renders in its own window.

PickerAppearance
View source
filterMode"fuzzy" | "contains" | "startsWith" | "none"—

Base UI's `filter`, answered by the core. `"contains"` and `"startsWith"` keep the source order, `"fuzzy"` ranks with the core's own matcher and is the only mode that reports label highlight ranges, and `"none"` keeps a source an application or service already filtered.

"fuzzy" | "contains" | "startsWith" | "none"
View source
onOpenChange(open: boolean, event: QuickGuiEvent) => void—

Reported when the core opens or closes its own native popover window.

(open: boolean, event: QuickGuiEvent) => void
View source
valuestring—

Controlled selected option value.

string
View source
defaultValuestring—

Declares defaultValue (optional). Reactive JSX expressions update this property in place.

string
View source
onValueChange(value: string | undefined, event: QuickGuiEvent) => void—

Declares onValueChange (optional). Reactive JSX expressions update this property in place.

(value: string | undefined, event: QuickGuiEvent) => void
View source
multipleboolean—

Accept more than one value, Base UI's `multiple`.

boolean
View source
valuesreadonly string[]—

Controlled value set of a multiple select, bounded by the core's own 256 values.

readonly string[]
View source
defaultValuesreadonly string[]—

Declares defaultValues (optional). Reactive JSX expressions update this property in place.

readonly string[]
View source
onValuesChange(values: readonly string[], event: QuickGuiEvent) => void—

Declares onValuesChange (optional). Reactive JSX expressions update this property in place.

(values: readonly string[], event: QuickGuiEvent) => void
View source
requiredboolean—

Require a value before form submission.

boolean
View source
readOnlyboolean—

Refuse every value change while staying focusable, unlike `disabled`.

boolean
View source
modalboolean—

Expect a mounted `Select.Backdrop`; QuickGUI adds no dimming of its own.

boolean
View source
alignItemWithTriggerboolean—

Line the selected row up with the trigger, Base UI's `alignItemWithTrigger`.

boolean
View source
onCommit(details: CommitDetails, event: QuickGuiEvent) => void—

One edge per commit, even when the committed value did not move.

(details: CommitDetails, event: QuickGuiEvent) => void
View source

Select.Trigger

View source
Select.Trigger(props: JSX.SelectProps): NativeNode
accessibilityLabelstring—

Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.

string
View source
childrenunknown—

Declares children (optional). Reactive JSX expressions update this property in place.

unknown
View source
styleStyleProp—

Layout, typography, paint, and interaction-state styles. Arrays merge left to right.

StyleProp
View source
disabledboolean—

Declares disabled (optional). Reactive JSX expressions update this property in place.

boolean
View source
invalidboolean—

Expose web-style invalid state; the `style.invalid` variant paints while it is set.

boolean
View source
selectedboolean—

Expose web-style selected state; the `style.selected` variant paints while it is set.

boolean
View source
groupboolean | string—

Makes this element the group its descendants' `groupHover` and `groupActive` styles follow, like Tailwind's `group`: `true` opens an unnamed group, and a string names it so a descendant can follow it past a nearer group with `groupHover: { group: "name" }`.

boolean | string
View source
rolestring—

Declares role (optional). Reactive JSX expressions update this property in place.

string
View source
tabIndexnumber—

Declares tabIndex (optional). Reactive JSX expressions update this property in place.

number
View source
focusOnPointerboolean—

Keep keyboard focus where it is when this element is activated with a pointer.

boolean
View source
overlayboolean—

Paint this subtree in the viewport overlay plane above embedded native views.

boolean
View source
focusTrapboolean—

Contain keyboard focus within this subtree while it is the topmost trap.

boolean
View source
restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean
View source
autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean
View source
aria-modalboolean—

Expose modal semantics to assistive technology.

boolean
View source
ariaModalboolean—

Declares ariaModal (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnEscapeboolean—

Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnPointerOutsideboolean—

Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.

boolean
View source
tooltipstring—

Delayed, pointer-passive native tooltip text shown while this element is hovered.

string
View source
tooltipPlacementPopoverPlacement—

Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.

PopoverPlacement
View source
tooltipDelaynumber—

Hover delay in milliseconds, clamped by the Rust core to at most ten seconds.

number
View source
tooltipGapnumber—

Declares tooltipGap (optional). Reactive JSX expressions update this property in place.

number
View source
tooltipViewportMarginnumber—

Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.

number
View source
hitSlopnumber | string—

Declares hitSlop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopTopnumber | string—

Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopRightnumber | string—

Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopBottomnumber | string—

Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopLeftnumber | string—

Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.

number | string
View source
aria-labelstring—

Declares aria-label (optional). Reactive JSX expressions update this property in place.

string
View source
ariaLabelstring—

Declares ariaLabel (optional). Reactive JSX expressions update this property in place.

string
View source
ref((node: NativeNode) => void) | NativeNode—

Declares ref (optional). Reactive JSX expressions update this property in place.

((node: NativeNode) => void) | NativeNode
View source
onClickEventHandler—

Declares onClick (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseEnterEventHandler—

Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseLeaveEventHandler—

Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEnterEventHandler—

Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerLeaveEventHandler—

Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEventHandler—

Captured pointer stream from press through release/cancel, including outside the element.

EventHandler
View source
onInputEventHandler—

Declares onInput (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onChangeEventHandler—

Declares onChange (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSubmitEventHandler—

Declares onSubmit (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDismissEventHandler—

Declares onDismiss (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onKeyDownEventHandler—

Focused key press. Declare a `tabIndex` to make an ordinary container focusable.

EventHandler
View source
onKeyUpEventHandler—

Declares onKeyUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseDownEventHandler—

Declares onMouseDown (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseUpEventHandler—

Declares onMouseUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseMoveEventHandler—

Declares onMouseMove (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler
View source
onWheelEventHandler—

Declares onWheel (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onContextMenuEventHandler—

Secondary-button press. Use `ContextMenu` for a declared native menu.

EventHandler
View source
onPinchEventHandler—

Declares onPinch (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onRotateEventHandler—

Declares onRotate (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSmartMagnifyEventHandler—

Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPressureEventHandler—

Declares onPressure (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFocusEventHandler—

Declares onFocus (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onBlurEventHandler—

Declares onBlur (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
keymapKeymap—

Bounded accelerator table resolved by the core while this element is focused.

Keymap
View source
onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler
View source
draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource
View source
onDragStartEventHandler—

Declares onDragStart (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDragEndEventHandler—

Declares onDragEnd (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
dropKindsDropKind | readonly DropKind[]—

Payload kinds this element accepts, declared ahead of the native drag.

DropKind | readonly DropKind[]
View source
onDropEventHandler—

Declares onDrop (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFilesDroppedEventHandler—

Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
scopestring—

Stable key shared by every part of one component instance.

string
View source
itemsreadonly OptionDeclaration[] | Readonly<Record<string, string>>—

Bounded option source, in either of Base UI's two shapes. An array of option objects, or the map form — one entry per value and its label. Omit it to declare the options as child `Item` nodes instead.

readonly OptionDeclaration[] | Readonly<Record<string, string>>
View source
appearancePickerAppearance—

Structural geometry and paint for the rows the core renders in its own window.

PickerAppearance
View source
filterMode"fuzzy" | "contains" | "startsWith" | "none"—

Base UI's `filter`, answered by the core. `"contains"` and `"startsWith"` keep the source order, `"fuzzy"` ranks with the core's own matcher and is the only mode that reports label highlight ranges, and `"none"` keeps a source an application or service already filtered.

"fuzzy" | "contains" | "startsWith" | "none"
View source
onOpenChange(open: boolean, event: QuickGuiEvent) => void—

Reported when the core opens or closes its own native popover window.

(open: boolean, event: QuickGuiEvent) => void
View source
valuestring—

Controlled selected option value.

string
View source
defaultValuestring—

Declares defaultValue (optional). Reactive JSX expressions update this property in place.

string
View source
onValueChange(value: string | undefined, event: QuickGuiEvent) => void—

Declares onValueChange (optional). Reactive JSX expressions update this property in place.

(value: string | undefined, event: QuickGuiEvent) => void
View source
multipleboolean—

Accept more than one value, Base UI's `multiple`.

boolean
View source
valuesreadonly string[]—

Controlled value set of a multiple select, bounded by the core's own 256 values.

readonly string[]
View source
defaultValuesreadonly string[]—

Declares defaultValues (optional). Reactive JSX expressions update this property in place.

readonly string[]
View source
onValuesChange(values: readonly string[], event: QuickGuiEvent) => void—

Declares onValuesChange (optional). Reactive JSX expressions update this property in place.

(values: readonly string[], event: QuickGuiEvent) => void
View source
requiredboolean—

Require a value before form submission.

boolean
View source
readOnlyboolean—

Refuse every value change while staying focusable, unlike `disabled`.

boolean
View source
modalboolean—

Expect a mounted `Select.Backdrop`; QuickGUI adds no dimming of its own.

boolean
View source
alignItemWithTriggerboolean—

Line the selected row up with the trigger, Base UI's `alignItemWithTrigger`.

boolean
View source
onCommit(details: CommitDetails, event: QuickGuiEvent) => void—

One edge per commit, even when the committed value did not move.

(details: CommitDetails, event: QuickGuiEvent) => void
View source

Select.Option

View source
Select.Option(props: JSX.OptionProps): NativeNode
accessibilityLabelstring—

Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.

string
View source
childrenunknown—

Declares children (optional). Reactive JSX expressions update this property in place.

unknown
View source
styleStyleProp—

Layout, typography, paint, and interaction-state styles. Arrays merge left to right.

StyleProp
View source
disabledboolean—

Declares disabled (optional). Reactive JSX expressions update this property in place.

boolean
View source
invalidboolean—

Expose web-style invalid state; the `style.invalid` variant paints while it is set.

boolean
View source
selectedboolean—

Expose web-style selected state; the `style.selected` variant paints while it is set.

boolean
View source
groupboolean | string | string—

Makes this element the group its descendants' `groupHover` and `groupActive` styles follow, like Tailwind's `group`: `true` opens an unnamed group, and a string names it so a descendant can follow it past a nearer group with `groupHover: { group: "name" }`.

boolean | string | string
View source
rolestring—

Declares role (optional). Reactive JSX expressions update this property in place.

string
View source
tabIndexnumber—

Declares tabIndex (optional). Reactive JSX expressions update this property in place.

number
View source
focusOnPointerboolean—

Keep keyboard focus where it is when this element is activated with a pointer.

boolean
View source
overlayboolean—

Paint this subtree in the viewport overlay plane above embedded native views.

boolean
View source
focusTrapboolean—

Contain keyboard focus within this subtree while it is the topmost trap.

boolean
View source
restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean
View source
autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean
View source
aria-modalboolean—

Expose modal semantics to assistive technology.

boolean
View source
ariaModalboolean—

Declares ariaModal (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnEscapeboolean—

Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnPointerOutsideboolean—

Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.

boolean
View source
tooltipstring—

Delayed, pointer-passive native tooltip text shown while this element is hovered.

string
View source
tooltipPlacementPopoverPlacement—

Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.

PopoverPlacement
View source
tooltipDelaynumber—

Hover delay in milliseconds, clamped by the Rust core to at most ten seconds.

number
View source
tooltipGapnumber—

Declares tooltipGap (optional). Reactive JSX expressions update this property in place.

number
View source
tooltipViewportMarginnumber—

Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.

number
View source
hitSlopnumber | string—

Declares hitSlop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopTopnumber | string—

Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopRightnumber | string—

Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopBottomnumber | string—

Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopLeftnumber | string—

Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.

number | string
View source
aria-labelstring—

Declares aria-label (optional). Reactive JSX expressions update this property in place.

string
View source
ariaLabelstring—

Declares ariaLabel (optional). Reactive JSX expressions update this property in place.

string
View source
ref((node: NativeNode) => void) | NativeNode—

Declares ref (optional). Reactive JSX expressions update this property in place.

((node: NativeNode) => void) | NativeNode
View source
onClickEventHandler—

Declares onClick (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseEnterEventHandler—

Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseLeaveEventHandler—

Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEnterEventHandler—

Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerLeaveEventHandler—

Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEventHandler—

Captured pointer stream from press through release/cancel, including outside the element.

EventHandler
View source
onInputEventHandler—

Declares onInput (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onChangeEventHandler—

Declares onChange (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSubmitEventHandler—

Declares onSubmit (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDismissEventHandler—

Declares onDismiss (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onKeyDownEventHandler—

Focused key press. Declare a `tabIndex` to make an ordinary container focusable.

EventHandler
View source
onKeyUpEventHandler—

Declares onKeyUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseDownEventHandler—

Declares onMouseDown (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseUpEventHandler—

Declares onMouseUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseMoveEventHandler—

Declares onMouseMove (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler
View source
onWheelEventHandler—

Declares onWheel (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onContextMenuEventHandler—

Secondary-button press. Use `ContextMenu` for a declared native menu.

EventHandler
View source
onPinchEventHandler—

Declares onPinch (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onRotateEventHandler—

Declares onRotate (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSmartMagnifyEventHandler—

Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPressureEventHandler—

Declares onPressure (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFocusEventHandler—

Declares onFocus (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onBlurEventHandler—

Declares onBlur (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
keymapKeymap—

Bounded accelerator table resolved by the core while this element is focused.

Keymap
View source
onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler
View source
draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource
View source
onDragStartEventHandler—

Declares onDragStart (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDragEndEventHandler—

Declares onDragEnd (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
dropKindsDropKind | readonly DropKind[]—

Payload kinds this element accepts, declared ahead of the native drag.

DropKind | readonly DropKind[]
View source
onDropEventHandler—

Declares onDrop (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFilesDroppedEventHandler—

Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
scopestring—

Stable key shared by every part of one component instance.

string
View source
partValuestring—

The option's stable value.

string
View source
labelstring—

Row label. Defaults to the value.

string
View source
valueTextstring—

Trailing hint text.

string
View source

Select.Label

View source
Select.Label(props: JSX.NativeScopedProps): NativeNode
accessibilityLabelstring—

Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.

string
View source
childrenunknown—

Declares children (optional). Reactive JSX expressions update this property in place.

unknown
View source
styleStyleProp—

Layout, typography, paint, and interaction-state styles. Arrays merge left to right.

StyleProp
View source
disabledboolean—

Declares disabled (optional). Reactive JSX expressions update this property in place.

boolean
View source
invalidboolean—

Expose web-style invalid state; the `style.invalid` variant paints while it is set.

boolean
View source
selectedboolean—

Expose web-style selected state; the `style.selected` variant paints while it is set.

boolean
View source
groupboolean | string—

Makes this element the group its descendants' `groupHover` and `groupActive` styles follow, like Tailwind's `group`: `true` opens an unnamed group, and a string names it so a descendant can follow it past a nearer group with `groupHover: { group: "name" }`.

boolean | string
View source
rolestring—

Declares role (optional). Reactive JSX expressions update this property in place.

string
View source
tabIndexnumber—

Declares tabIndex (optional). Reactive JSX expressions update this property in place.

number
View source
focusOnPointerboolean—

Keep keyboard focus where it is when this element is activated with a pointer.

boolean
View source
overlayboolean—

Paint this subtree in the viewport overlay plane above embedded native views.

boolean
View source
focusTrapboolean—

Contain keyboard focus within this subtree while it is the topmost trap.

boolean
View source
restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean
View source
autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean
View source
aria-modalboolean—

Expose modal semantics to assistive technology.

boolean
View source
ariaModalboolean—

Declares ariaModal (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnEscapeboolean—

Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnPointerOutsideboolean—

Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.

boolean
View source
tooltipstring—

Delayed, pointer-passive native tooltip text shown while this element is hovered.

string
View source
tooltipPlacementPopoverPlacement—

Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.

PopoverPlacement
View source
tooltipDelaynumber—

Hover delay in milliseconds, clamped by the Rust core to at most ten seconds.

number
View source
tooltipGapnumber—

Declares tooltipGap (optional). Reactive JSX expressions update this property in place.

number
View source
tooltipViewportMarginnumber—

Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.

number
View source
hitSlopnumber | string—

Declares hitSlop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopTopnumber | string—

Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopRightnumber | string—

Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopBottomnumber | string—

Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopLeftnumber | string—

Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.

number | string
View source
aria-labelstring—

Declares aria-label (optional). Reactive JSX expressions update this property in place.

string
View source
ariaLabelstring—

Declares ariaLabel (optional). Reactive JSX expressions update this property in place.

string
View source
ref((node: NativeNode) => void) | NativeNode—

Declares ref (optional). Reactive JSX expressions update this property in place.

((node: NativeNode) => void) | NativeNode
View source
onClickEventHandler—

Declares onClick (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseEnterEventHandler—

Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseLeaveEventHandler—

Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEnterEventHandler—

Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerLeaveEventHandler—

Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEventHandler—

Captured pointer stream from press through release/cancel, including outside the element.

EventHandler
View source
onInputEventHandler—

Declares onInput (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onChangeEventHandler—

Declares onChange (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSubmitEventHandler—

Declares onSubmit (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDismissEventHandler—

Declares onDismiss (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onKeyDownEventHandler—

Focused key press. Declare a `tabIndex` to make an ordinary container focusable.

EventHandler
View source
onKeyUpEventHandler—

Declares onKeyUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseDownEventHandler—

Declares onMouseDown (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseUpEventHandler—

Declares onMouseUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseMoveEventHandler—

Declares onMouseMove (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler
View source
onWheelEventHandler—

Declares onWheel (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onContextMenuEventHandler—

Secondary-button press. Use `ContextMenu` for a declared native menu.

EventHandler
View source
onPinchEventHandler—

Declares onPinch (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onRotateEventHandler—

Declares onRotate (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSmartMagnifyEventHandler—

Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPressureEventHandler—

Declares onPressure (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFocusEventHandler—

Declares onFocus (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onBlurEventHandler—

Declares onBlur (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
keymapKeymap—

Bounded accelerator table resolved by the core while this element is focused.

Keymap
View source
onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler
View source
draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource
View source
onDragStartEventHandler—

Declares onDragStart (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDragEndEventHandler—

Declares onDragEnd (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
dropKindsDropKind | readonly DropKind[]—

Payload kinds this element accepts, declared ahead of the native drag.

DropKind | readonly DropKind[]
View source
onDropEventHandler—

Declares onDrop (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFilesDroppedEventHandler—

Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
scopestring—

Stable key shared by every part of one component instance.

string
View source

Select.Value

View source
Select.Value(props: JSX.NativeScopedProps): NativeNode
accessibilityLabelstring—

Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.

string
View source
childrenunknown—

Declares children (optional). Reactive JSX expressions update this property in place.

unknown
View source
styleStyleProp—

Layout, typography, paint, and interaction-state styles. Arrays merge left to right.

StyleProp
View source
disabledboolean—

Declares disabled (optional). Reactive JSX expressions update this property in place.

boolean
View source
invalidboolean—

Expose web-style invalid state; the `style.invalid` variant paints while it is set.

boolean
View source
selectedboolean—

Expose web-style selected state; the `style.selected` variant paints while it is set.

boolean
View source
groupboolean | string—

Makes this element the group its descendants' `groupHover` and `groupActive` styles follow, like Tailwind's `group`: `true` opens an unnamed group, and a string names it so a descendant can follow it past a nearer group with `groupHover: { group: "name" }`.

boolean | string
View source
rolestring—

Declares role (optional). Reactive JSX expressions update this property in place.

string
View source
tabIndexnumber—

Declares tabIndex (optional). Reactive JSX expressions update this property in place.

number
View source
focusOnPointerboolean—

Keep keyboard focus where it is when this element is activated with a pointer.

boolean
View source
overlayboolean—

Paint this subtree in the viewport overlay plane above embedded native views.

boolean
View source
focusTrapboolean—

Contain keyboard focus within this subtree while it is the topmost trap.

boolean
View source
restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean
View source
autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean
View source
aria-modalboolean—

Expose modal semantics to assistive technology.

boolean
View source
ariaModalboolean—

Declares ariaModal (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnEscapeboolean—

Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnPointerOutsideboolean—

Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.

boolean
View source
tooltipstring—

Delayed, pointer-passive native tooltip text shown while this element is hovered.

string
View source
tooltipPlacementPopoverPlacement—

Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.

PopoverPlacement
View source
tooltipDelaynumber—

Hover delay in milliseconds, clamped by the Rust core to at most ten seconds.

number
View source
tooltipGapnumber—

Declares tooltipGap (optional). Reactive JSX expressions update this property in place.

number
View source
tooltipViewportMarginnumber—

Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.

number
View source
hitSlopnumber | string—

Declares hitSlop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopTopnumber | string—

Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopRightnumber | string—

Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopBottomnumber | string—

Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopLeftnumber | string—

Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.

number | string
View source
aria-labelstring—

Declares aria-label (optional). Reactive JSX expressions update this property in place.

string
View source
ariaLabelstring—

Declares ariaLabel (optional). Reactive JSX expressions update this property in place.

string
View source
ref((node: NativeNode) => void) | NativeNode—

Declares ref (optional). Reactive JSX expressions update this property in place.

((node: NativeNode) => void) | NativeNode
View source
onClickEventHandler—

Declares onClick (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseEnterEventHandler—

Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseLeaveEventHandler—

Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEnterEventHandler—

Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerLeaveEventHandler—

Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEventHandler—

Captured pointer stream from press through release/cancel, including outside the element.

EventHandler
View source
onInputEventHandler—

Declares onInput (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onChangeEventHandler—

Declares onChange (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSubmitEventHandler—

Declares onSubmit (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDismissEventHandler—

Declares onDismiss (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onKeyDownEventHandler—

Focused key press. Declare a `tabIndex` to make an ordinary container focusable.

EventHandler
View source
onKeyUpEventHandler—

Declares onKeyUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseDownEventHandler—

Declares onMouseDown (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseUpEventHandler—

Declares onMouseUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseMoveEventHandler—

Declares onMouseMove (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler
View source
onWheelEventHandler—

Declares onWheel (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onContextMenuEventHandler—

Secondary-button press. Use `ContextMenu` for a declared native menu.

EventHandler
View source
onPinchEventHandler—

Declares onPinch (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onRotateEventHandler—

Declares onRotate (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSmartMagnifyEventHandler—

Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPressureEventHandler—

Declares onPressure (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFocusEventHandler—

Declares onFocus (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onBlurEventHandler—

Declares onBlur (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
keymapKeymap—

Bounded accelerator table resolved by the core while this element is focused.

Keymap
View source
onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler
View source
draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource
View source
onDragStartEventHandler—

Declares onDragStart (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDragEndEventHandler—

Declares onDragEnd (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
dropKindsDropKind | readonly DropKind[]—

Payload kinds this element accepts, declared ahead of the native drag.

DropKind | readonly DropKind[]
View source
onDropEventHandler—

Declares onDrop (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFilesDroppedEventHandler—

Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
scopestring—

Stable key shared by every part of one component instance.

string
View source

Select.Icon

View source
Select.Icon(props: JSX.NativeScopedProps): NativeNode
accessibilityLabelstring—

Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.

string
View source
childrenunknown—

Declares children (optional). Reactive JSX expressions update this property in place.

unknown
View source
styleStyleProp—

Layout, typography, paint, and interaction-state styles. Arrays merge left to right.

StyleProp
View source
disabledboolean—

Declares disabled (optional). Reactive JSX expressions update this property in place.

boolean
View source
invalidboolean—

Expose web-style invalid state; the `style.invalid` variant paints while it is set.

boolean
View source
selectedboolean—

Expose web-style selected state; the `style.selected` variant paints while it is set.

boolean
View source
groupboolean | string—

Makes this element the group its descendants' `groupHover` and `groupActive` styles follow, like Tailwind's `group`: `true` opens an unnamed group, and a string names it so a descendant can follow it past a nearer group with `groupHover: { group: "name" }`.

boolean | string
View source
rolestring—

Declares role (optional). Reactive JSX expressions update this property in place.

string
View source
tabIndexnumber—

Declares tabIndex (optional). Reactive JSX expressions update this property in place.

number
View source
focusOnPointerboolean—

Keep keyboard focus where it is when this element is activated with a pointer.

boolean
View source
overlayboolean—

Paint this subtree in the viewport overlay plane above embedded native views.

boolean
View source
focusTrapboolean—

Contain keyboard focus within this subtree while it is the topmost trap.

boolean
View source
restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean
View source
autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean
View source
aria-modalboolean—

Expose modal semantics to assistive technology.

boolean
View source
ariaModalboolean—

Declares ariaModal (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnEscapeboolean—

Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnPointerOutsideboolean—

Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.

boolean
View source
tooltipstring—

Delayed, pointer-passive native tooltip text shown while this element is hovered.

string
View source
tooltipPlacementPopoverPlacement—

Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.

PopoverPlacement
View source
tooltipDelaynumber—

Hover delay in milliseconds, clamped by the Rust core to at most ten seconds.

number
View source
tooltipGapnumber—

Declares tooltipGap (optional). Reactive JSX expressions update this property in place.

number
View source
tooltipViewportMarginnumber—

Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.

number
View source
hitSlopnumber | string—

Declares hitSlop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopTopnumber | string—

Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopRightnumber | string—

Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopBottomnumber | string—

Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopLeftnumber | string—

Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.

number | string
View source
aria-labelstring—

Declares aria-label (optional). Reactive JSX expressions update this property in place.

string
View source
ariaLabelstring—

Declares ariaLabel (optional). Reactive JSX expressions update this property in place.

string
View source
ref((node: NativeNode) => void) | NativeNode—

Declares ref (optional). Reactive JSX expressions update this property in place.

((node: NativeNode) => void) | NativeNode
View source
onClickEventHandler—

Declares onClick (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseEnterEventHandler—

Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseLeaveEventHandler—

Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEnterEventHandler—

Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerLeaveEventHandler—

Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEventHandler—

Captured pointer stream from press through release/cancel, including outside the element.

EventHandler
View source
onInputEventHandler—

Declares onInput (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onChangeEventHandler—

Declares onChange (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSubmitEventHandler—

Declares onSubmit (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDismissEventHandler—

Declares onDismiss (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onKeyDownEventHandler—

Focused key press. Declare a `tabIndex` to make an ordinary container focusable.

EventHandler
View source
onKeyUpEventHandler—

Declares onKeyUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseDownEventHandler—

Declares onMouseDown (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseUpEventHandler—

Declares onMouseUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseMoveEventHandler—

Declares onMouseMove (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler
View source
onWheelEventHandler—

Declares onWheel (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onContextMenuEventHandler—

Secondary-button press. Use `ContextMenu` for a declared native menu.

EventHandler
View source
onPinchEventHandler—

Declares onPinch (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onRotateEventHandler—

Declares onRotate (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSmartMagnifyEventHandler—

Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPressureEventHandler—

Declares onPressure (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFocusEventHandler—

Declares onFocus (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onBlurEventHandler—

Declares onBlur (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
keymapKeymap—

Bounded accelerator table resolved by the core while this element is focused.

Keymap
View source
onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler
View source
draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource
View source
onDragStartEventHandler—

Declares onDragStart (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDragEndEventHandler—

Declares onDragEnd (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
dropKindsDropKind | readonly DropKind[]—

Payload kinds this element accepts, declared ahead of the native drag.

DropKind | readonly DropKind[]
View source
onDropEventHandler—

Declares onDrop (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFilesDroppedEventHandler—

Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
scopestring—

Stable key shared by every part of one component instance.

string
View source

Select.Backdrop

View source
Select.Backdrop(props: JSX.NativeScopedProps): NativeNode
accessibilityLabelstring—

Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.

string
View source
childrenunknown—

Declares children (optional). Reactive JSX expressions update this property in place.

unknown
View source
styleStyleProp—

Layout, typography, paint, and interaction-state styles. Arrays merge left to right.

StyleProp
View source
disabledboolean—

Declares disabled (optional). Reactive JSX expressions update this property in place.

boolean
View source
invalidboolean—

Expose web-style invalid state; the `style.invalid` variant paints while it is set.

boolean
View source
selectedboolean—

Expose web-style selected state; the `style.selected` variant paints while it is set.

boolean
View source
groupboolean | string—

Makes this element the group its descendants' `groupHover` and `groupActive` styles follow, like Tailwind's `group`: `true` opens an unnamed group, and a string names it so a descendant can follow it past a nearer group with `groupHover: { group: "name" }`.

boolean | string
View source
rolestring—

Declares role (optional). Reactive JSX expressions update this property in place.

string
View source
tabIndexnumber—

Declares tabIndex (optional). Reactive JSX expressions update this property in place.

number
View source
focusOnPointerboolean—

Keep keyboard focus where it is when this element is activated with a pointer.

boolean
View source
overlayboolean—

Paint this subtree in the viewport overlay plane above embedded native views.

boolean
View source
focusTrapboolean—

Contain keyboard focus within this subtree while it is the topmost trap.

boolean
View source
restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean
View source
autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean
View source
aria-modalboolean—

Expose modal semantics to assistive technology.

boolean
View source
ariaModalboolean—

Declares ariaModal (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnEscapeboolean—

Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnPointerOutsideboolean—

Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.

boolean
View source
tooltipstring—

Delayed, pointer-passive native tooltip text shown while this element is hovered.

string
View source
tooltipPlacementPopoverPlacement—

Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.

PopoverPlacement
View source
tooltipDelaynumber—

Hover delay in milliseconds, clamped by the Rust core to at most ten seconds.

number
View source
tooltipGapnumber—

Declares tooltipGap (optional). Reactive JSX expressions update this property in place.

number
View source
tooltipViewportMarginnumber—

Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.

number
View source
hitSlopnumber | string—

Declares hitSlop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopTopnumber | string—

Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopRightnumber | string—

Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopBottomnumber | string—

Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopLeftnumber | string—

Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.

number | string
View source
aria-labelstring—

Declares aria-label (optional). Reactive JSX expressions update this property in place.

string
View source
ariaLabelstring—

Declares ariaLabel (optional). Reactive JSX expressions update this property in place.

string
View source
ref((node: NativeNode) => void) | NativeNode—

Declares ref (optional). Reactive JSX expressions update this property in place.

((node: NativeNode) => void) | NativeNode
View source
onClickEventHandler—

Declares onClick (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseEnterEventHandler—

Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseLeaveEventHandler—

Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEnterEventHandler—

Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerLeaveEventHandler—

Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEventHandler—

Captured pointer stream from press through release/cancel, including outside the element.

EventHandler
View source
onInputEventHandler—

Declares onInput (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onChangeEventHandler—

Declares onChange (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSubmitEventHandler—

Declares onSubmit (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDismissEventHandler—

Declares onDismiss (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onKeyDownEventHandler—

Focused key press. Declare a `tabIndex` to make an ordinary container focusable.

EventHandler
View source
onKeyUpEventHandler—

Declares onKeyUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseDownEventHandler—

Declares onMouseDown (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseUpEventHandler—

Declares onMouseUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseMoveEventHandler—

Declares onMouseMove (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler
View source
onWheelEventHandler—

Declares onWheel (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onContextMenuEventHandler—

Secondary-button press. Use `ContextMenu` for a declared native menu.

EventHandler
View source
onPinchEventHandler—

Declares onPinch (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onRotateEventHandler—

Declares onRotate (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSmartMagnifyEventHandler—

Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPressureEventHandler—

Declares onPressure (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFocusEventHandler—

Declares onFocus (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onBlurEventHandler—

Declares onBlur (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
keymapKeymap—

Bounded accelerator table resolved by the core while this element is focused.

Keymap
View source
onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler
View source
draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource
View source
onDragStartEventHandler—

Declares onDragStart (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDragEndEventHandler—

Declares onDragEnd (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
dropKindsDropKind | readonly DropKind[]—

Payload kinds this element accepts, declared ahead of the native drag.

DropKind | readonly DropKind[]
View source
onDropEventHandler—

Declares onDrop (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFilesDroppedEventHandler—

Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
scopestring—

Stable key shared by every part of one component instance.

string
View source

Select.Portal

View source
Select.Portal(props: JSX.SelectPositionerProps): NativeNode
accessibilityLabelstring—

Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.

string
View source
childrenunknown—

Declares children (optional). Reactive JSX expressions update this property in place.

unknown
View source
styleStyleProp—

Layout, typography, paint, and interaction-state styles. Arrays merge left to right.

StyleProp
View source
disabledboolean—

Declares disabled (optional). Reactive JSX expressions update this property in place.

boolean
View source
invalidboolean—

Expose web-style invalid state; the `style.invalid` variant paints while it is set.

boolean
View source
selectedboolean—

Expose web-style selected state; the `style.selected` variant paints while it is set.

boolean
View source
groupboolean | string—

Makes this element the group its descendants' `groupHover` and `groupActive` styles follow, like Tailwind's `group`: `true` opens an unnamed group, and a string names it so a descendant can follow it past a nearer group with `groupHover: { group: "name" }`.

boolean | string
View source
rolestring—

Declares role (optional). Reactive JSX expressions update this property in place.

string
View source
tabIndexnumber—

Declares tabIndex (optional). Reactive JSX expressions update this property in place.

number
View source
focusOnPointerboolean—

Keep keyboard focus where it is when this element is activated with a pointer.

boolean
View source
overlayboolean—

Paint this subtree in the viewport overlay plane above embedded native views.

boolean
View source
focusTrapboolean—

Contain keyboard focus within this subtree while it is the topmost trap.

boolean
View source
restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean
View source
autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean
View source
aria-modalboolean—

Expose modal semantics to assistive technology.

boolean
View source
ariaModalboolean—

Declares ariaModal (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnEscapeboolean—

Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnPointerOutsideboolean—

Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.

boolean
View source
tooltipstring—

Delayed, pointer-passive native tooltip text shown while this element is hovered.

string
View source
tooltipPlacementPopoverPlacement—

Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.

PopoverPlacement
View source
tooltipDelaynumber—

Hover delay in milliseconds, clamped by the Rust core to at most ten seconds.

number
View source
tooltipGapnumber—

Declares tooltipGap (optional). Reactive JSX expressions update this property in place.

number
View source
tooltipViewportMarginnumber—

Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.

number
View source
hitSlopnumber | string—

Declares hitSlop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopTopnumber | string—

Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopRightnumber | string—

Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopBottomnumber | string—

Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopLeftnumber | string—

Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.

number | string
View source
aria-labelstring—

Declares aria-label (optional). Reactive JSX expressions update this property in place.

string
View source
ariaLabelstring—

Declares ariaLabel (optional). Reactive JSX expressions update this property in place.

string
View source
ref((node: NativeNode) => void) | NativeNode—

Declares ref (optional). Reactive JSX expressions update this property in place.

((node: NativeNode) => void) | NativeNode
View source
onClickEventHandler—

Declares onClick (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseEnterEventHandler—

Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseLeaveEventHandler—

Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEnterEventHandler—

Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerLeaveEventHandler—

Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEventHandler—

Captured pointer stream from press through release/cancel, including outside the element.

EventHandler
View source
onInputEventHandler—

Declares onInput (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onChangeEventHandler—

Declares onChange (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSubmitEventHandler—

Declares onSubmit (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDismissEventHandler—

Declares onDismiss (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onKeyDownEventHandler—

Focused key press. Declare a `tabIndex` to make an ordinary container focusable.

EventHandler
View source
onKeyUpEventHandler—

Declares onKeyUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseDownEventHandler—

Declares onMouseDown (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseUpEventHandler—

Declares onMouseUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseMoveEventHandler—

Declares onMouseMove (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler
View source
onWheelEventHandler—

Declares onWheel (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onContextMenuEventHandler—

Secondary-button press. Use `ContextMenu` for a declared native menu.

EventHandler
View source
onPinchEventHandler—

Declares onPinch (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onRotateEventHandler—

Declares onRotate (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSmartMagnifyEventHandler—

Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPressureEventHandler—

Declares onPressure (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFocusEventHandler—

Declares onFocus (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onBlurEventHandler—

Declares onBlur (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
keymapKeymap—

Bounded accelerator table resolved by the core while this element is focused.

Keymap
View source
onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler
View source
draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource
View source
onDragStartEventHandler—

Declares onDragStart (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDragEndEventHandler—

Declares onDragEnd (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
dropKindsDropKind | readonly DropKind[]—

Payload kinds this element accepts, declared ahead of the native drag.

DropKind | readonly DropKind[]
View source
onDropEventHandler—

Declares onDrop (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFilesDroppedEventHandler—

Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
scopestring—

Stable key shared by every part of one component instance.

string
View source
side"top" | "bottom" | "left" | "right"—

Declares side (optional). Reactive JSX expressions update this property in place.

"top" | "bottom" | "left" | "right"
View source
align"start" | "center" | "end"—

Declares align (optional). Reactive JSX expressions update this property in place.

"start" | "center" | "end"
View source
sideOffsetnumber—

Declares sideOffset (optional). Reactive JSX expressions update this property in place.

number
View source

Select.Positioner

View source
Select.Positioner(props: JSX.SelectPositionerProps): NativeNode
accessibilityLabelstring—

Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.

string
View source
childrenunknown—

Declares children (optional). Reactive JSX expressions update this property in place.

unknown
View source
styleStyleProp—

Layout, typography, paint, and interaction-state styles. Arrays merge left to right.

StyleProp
View source
disabledboolean—

Declares disabled (optional). Reactive JSX expressions update this property in place.

boolean
View source
invalidboolean—

Expose web-style invalid state; the `style.invalid` variant paints while it is set.

boolean
View source
selectedboolean—

Expose web-style selected state; the `style.selected` variant paints while it is set.

boolean
View source
groupboolean | string—

Makes this element the group its descendants' `groupHover` and `groupActive` styles follow, like Tailwind's `group`: `true` opens an unnamed group, and a string names it so a descendant can follow it past a nearer group with `groupHover: { group: "name" }`.

boolean | string
View source
rolestring—

Declares role (optional). Reactive JSX expressions update this property in place.

string
View source
tabIndexnumber—

Declares tabIndex (optional). Reactive JSX expressions update this property in place.

number
View source
focusOnPointerboolean—

Keep keyboard focus where it is when this element is activated with a pointer.

boolean
View source
overlayboolean—

Paint this subtree in the viewport overlay plane above embedded native views.

boolean
View source
focusTrapboolean—

Contain keyboard focus within this subtree while it is the topmost trap.

boolean
View source
restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean
View source
autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean
View source
aria-modalboolean—

Expose modal semantics to assistive technology.

boolean
View source
ariaModalboolean—

Declares ariaModal (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnEscapeboolean—

Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnPointerOutsideboolean—

Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.

boolean
View source
tooltipstring—

Delayed, pointer-passive native tooltip text shown while this element is hovered.

string
View source
tooltipPlacementPopoverPlacement—

Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.

PopoverPlacement
View source
tooltipDelaynumber—

Hover delay in milliseconds, clamped by the Rust core to at most ten seconds.

number
View source
tooltipGapnumber—

Declares tooltipGap (optional). Reactive JSX expressions update this property in place.

number
View source
tooltipViewportMarginnumber—

Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.

number
View source
hitSlopnumber | string—

Declares hitSlop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopTopnumber | string—

Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopRightnumber | string—

Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopBottomnumber | string—

Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopLeftnumber | string—

Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.

number | string
View source
aria-labelstring—

Declares aria-label (optional). Reactive JSX expressions update this property in place.

string
View source
ariaLabelstring—

Declares ariaLabel (optional). Reactive JSX expressions update this property in place.

string
View source
ref((node: NativeNode) => void) | NativeNode—

Declares ref (optional). Reactive JSX expressions update this property in place.

((node: NativeNode) => void) | NativeNode
View source
onClickEventHandler—

Declares onClick (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseEnterEventHandler—

Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseLeaveEventHandler—

Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEnterEventHandler—

Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerLeaveEventHandler—

Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEventHandler—

Captured pointer stream from press through release/cancel, including outside the element.

EventHandler
View source
onInputEventHandler—

Declares onInput (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onChangeEventHandler—

Declares onChange (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSubmitEventHandler—

Declares onSubmit (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDismissEventHandler—

Declares onDismiss (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onKeyDownEventHandler—

Focused key press. Declare a `tabIndex` to make an ordinary container focusable.

EventHandler
View source
onKeyUpEventHandler—

Declares onKeyUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseDownEventHandler—

Declares onMouseDown (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseUpEventHandler—

Declares onMouseUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseMoveEventHandler—

Declares onMouseMove (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler
View source
onWheelEventHandler—

Declares onWheel (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onContextMenuEventHandler—

Secondary-button press. Use `ContextMenu` for a declared native menu.

EventHandler
View source
onPinchEventHandler—

Declares onPinch (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onRotateEventHandler—

Declares onRotate (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSmartMagnifyEventHandler—

Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPressureEventHandler—

Declares onPressure (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFocusEventHandler—

Declares onFocus (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onBlurEventHandler—

Declares onBlur (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
keymapKeymap—

Bounded accelerator table resolved by the core while this element is focused.

Keymap
View source
onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler
View source
draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource
View source
onDragStartEventHandler—

Declares onDragStart (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDragEndEventHandler—

Declares onDragEnd (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
dropKindsDropKind | readonly DropKind[]—

Payload kinds this element accepts, declared ahead of the native drag.

DropKind | readonly DropKind[]
View source
onDropEventHandler—

Declares onDrop (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFilesDroppedEventHandler—

Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
scopestring—

Stable key shared by every part of one component instance.

string
View source
side"top" | "bottom" | "left" | "right"—

Declares side (optional). Reactive JSX expressions update this property in place.

"top" | "bottom" | "left" | "right"
View source
align"start" | "center" | "end"—

Declares align (optional). Reactive JSX expressions update this property in place.

"start" | "center" | "end"
View source
sideOffsetnumber—

Declares sideOffset (optional). Reactive JSX expressions update this property in place.

number
View source

Select.Popup

View source
Select.Popup(props: JSX.NativeScopedProps): NativeNode
accessibilityLabelstring—

Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.

string
View source
childrenunknown—

Declares children (optional). Reactive JSX expressions update this property in place.

unknown
View source
styleStyleProp—

Layout, typography, paint, and interaction-state styles. Arrays merge left to right.

StyleProp
View source
disabledboolean—

Declares disabled (optional). Reactive JSX expressions update this property in place.

boolean
View source
invalidboolean—

Expose web-style invalid state; the `style.invalid` variant paints while it is set.

boolean
View source
selectedboolean—

Expose web-style selected state; the `style.selected` variant paints while it is set.

boolean
View source
groupboolean | string—

Makes this element the group its descendants' `groupHover` and `groupActive` styles follow, like Tailwind's `group`: `true` opens an unnamed group, and a string names it so a descendant can follow it past a nearer group with `groupHover: { group: "name" }`.

boolean | string
View source
rolestring—

Declares role (optional). Reactive JSX expressions update this property in place.

string
View source
tabIndexnumber—

Declares tabIndex (optional). Reactive JSX expressions update this property in place.

number
View source
focusOnPointerboolean—

Keep keyboard focus where it is when this element is activated with a pointer.

boolean
View source
overlayboolean—

Paint this subtree in the viewport overlay plane above embedded native views.

boolean
View source
focusTrapboolean—

Contain keyboard focus within this subtree while it is the topmost trap.

boolean
View source
restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean
View source
autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean
View source
aria-modalboolean—

Expose modal semantics to assistive technology.

boolean
View source
ariaModalboolean—

Declares ariaModal (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnEscapeboolean—

Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnPointerOutsideboolean—

Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.

boolean
View source
tooltipstring—

Delayed, pointer-passive native tooltip text shown while this element is hovered.

string
View source
tooltipPlacementPopoverPlacement—

Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.

PopoverPlacement
View source
tooltipDelaynumber—

Hover delay in milliseconds, clamped by the Rust core to at most ten seconds.

number
View source
tooltipGapnumber—

Declares tooltipGap (optional). Reactive JSX expressions update this property in place.

number
View source
tooltipViewportMarginnumber—

Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.

number
View source
hitSlopnumber | string—

Declares hitSlop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopTopnumber | string—

Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopRightnumber | string—

Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopBottomnumber | string—

Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopLeftnumber | string—

Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.

number | string
View source
aria-labelstring—

Declares aria-label (optional). Reactive JSX expressions update this property in place.

string
View source
ariaLabelstring—

Declares ariaLabel (optional). Reactive JSX expressions update this property in place.

string
View source
ref((node: NativeNode) => void) | NativeNode—

Declares ref (optional). Reactive JSX expressions update this property in place.

((node: NativeNode) => void) | NativeNode
View source
onClickEventHandler—

Declares onClick (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseEnterEventHandler—

Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseLeaveEventHandler—

Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEnterEventHandler—

Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerLeaveEventHandler—

Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEventHandler—

Captured pointer stream from press through release/cancel, including outside the element.

EventHandler
View source
onInputEventHandler—

Declares onInput (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onChangeEventHandler—

Declares onChange (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSubmitEventHandler—

Declares onSubmit (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDismissEventHandler—

Declares onDismiss (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onKeyDownEventHandler—

Focused key press. Declare a `tabIndex` to make an ordinary container focusable.

EventHandler
View source
onKeyUpEventHandler—

Declares onKeyUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseDownEventHandler—

Declares onMouseDown (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseUpEventHandler—

Declares onMouseUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseMoveEventHandler—

Declares onMouseMove (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler
View source
onWheelEventHandler—

Declares onWheel (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onContextMenuEventHandler—

Secondary-button press. Use `ContextMenu` for a declared native menu.

EventHandler
View source
onPinchEventHandler—

Declares onPinch (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onRotateEventHandler—

Declares onRotate (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSmartMagnifyEventHandler—

Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPressureEventHandler—

Declares onPressure (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFocusEventHandler—

Declares onFocus (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onBlurEventHandler—

Declares onBlur (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
keymapKeymap—

Bounded accelerator table resolved by the core while this element is focused.

Keymap
View source
onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler
View source
draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource
View source
onDragStartEventHandler—

Declares onDragStart (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDragEndEventHandler—

Declares onDragEnd (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
dropKindsDropKind | readonly DropKind[]—

Payload kinds this element accepts, declared ahead of the native drag.

DropKind | readonly DropKind[]
View source
onDropEventHandler—

Declares onDrop (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFilesDroppedEventHandler—

Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
scopestring—

Stable key shared by every part of one component instance.

string
View source

Select.Arrow

View source
Select.Arrow(props: JSX.NativeScopedProps): NativeNode
accessibilityLabelstring—

Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.

string
View source
childrenunknown—

Declares children (optional). Reactive JSX expressions update this property in place.

unknown
View source
styleStyleProp—

Layout, typography, paint, and interaction-state styles. Arrays merge left to right.

StyleProp
View source
disabledboolean—

Declares disabled (optional). Reactive JSX expressions update this property in place.

boolean
View source
invalidboolean—

Expose web-style invalid state; the `style.invalid` variant paints while it is set.

boolean
View source
selectedboolean—

Expose web-style selected state; the `style.selected` variant paints while it is set.

boolean
View source
groupboolean | string—

Makes this element the group its descendants' `groupHover` and `groupActive` styles follow, like Tailwind's `group`: `true` opens an unnamed group, and a string names it so a descendant can follow it past a nearer group with `groupHover: { group: "name" }`.

boolean | string
View source
rolestring—

Declares role (optional). Reactive JSX expressions update this property in place.

string
View source
tabIndexnumber—

Declares tabIndex (optional). Reactive JSX expressions update this property in place.

number
View source
focusOnPointerboolean—

Keep keyboard focus where it is when this element is activated with a pointer.

boolean
View source
overlayboolean—

Paint this subtree in the viewport overlay plane above embedded native views.

boolean
View source
focusTrapboolean—

Contain keyboard focus within this subtree while it is the topmost trap.

boolean
View source
restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean
View source
autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean
View source
aria-modalboolean—

Expose modal semantics to assistive technology.

boolean
View source
ariaModalboolean—

Declares ariaModal (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnEscapeboolean—

Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnPointerOutsideboolean—

Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.

boolean
View source
tooltipstring—

Delayed, pointer-passive native tooltip text shown while this element is hovered.

string
View source
tooltipPlacementPopoverPlacement—

Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.

PopoverPlacement
View source
tooltipDelaynumber—

Hover delay in milliseconds, clamped by the Rust core to at most ten seconds.

number
View source
tooltipGapnumber—

Declares tooltipGap (optional). Reactive JSX expressions update this property in place.

number
View source
tooltipViewportMarginnumber—

Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.

number
View source
hitSlopnumber | string—

Declares hitSlop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopTopnumber | string—

Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopRightnumber | string—

Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopBottomnumber | string—

Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopLeftnumber | string—

Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.

number | string
View source
aria-labelstring—

Declares aria-label (optional). Reactive JSX expressions update this property in place.

string
View source
ariaLabelstring—

Declares ariaLabel (optional). Reactive JSX expressions update this property in place.

string
View source
ref((node: NativeNode) => void) | NativeNode—

Declares ref (optional). Reactive JSX expressions update this property in place.

((node: NativeNode) => void) | NativeNode
View source
onClickEventHandler—

Declares onClick (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseEnterEventHandler—

Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseLeaveEventHandler—

Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEnterEventHandler—

Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerLeaveEventHandler—

Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEventHandler—

Captured pointer stream from press through release/cancel, including outside the element.

EventHandler
View source
onInputEventHandler—

Declares onInput (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onChangeEventHandler—

Declares onChange (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSubmitEventHandler—

Declares onSubmit (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDismissEventHandler—

Declares onDismiss (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onKeyDownEventHandler—

Focused key press. Declare a `tabIndex` to make an ordinary container focusable.

EventHandler
View source
onKeyUpEventHandler—

Declares onKeyUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseDownEventHandler—

Declares onMouseDown (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseUpEventHandler—

Declares onMouseUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseMoveEventHandler—

Declares onMouseMove (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler
View source
onWheelEventHandler—

Declares onWheel (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onContextMenuEventHandler—

Secondary-button press. Use `ContextMenu` for a declared native menu.

EventHandler
View source
onPinchEventHandler—

Declares onPinch (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onRotateEventHandler—

Declares onRotate (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSmartMagnifyEventHandler—

Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPressureEventHandler—

Declares onPressure (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFocusEventHandler—

Declares onFocus (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onBlurEventHandler—

Declares onBlur (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
keymapKeymap—

Bounded accelerator table resolved by the core while this element is focused.

Keymap
View source
onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler
View source
draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource
View source
onDragStartEventHandler—

Declares onDragStart (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDragEndEventHandler—

Declares onDragEnd (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
dropKindsDropKind | readonly DropKind[]—

Payload kinds this element accepts, declared ahead of the native drag.

DropKind | readonly DropKind[]
View source
onDropEventHandler—

Declares onDrop (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFilesDroppedEventHandler—

Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
scopestring—

Stable key shared by every part of one component instance.

string
View source

Select.List

View source
Select.List(props: JSX.NativeScopedProps): NativeNode
accessibilityLabelstring—

Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.

string
View source
childrenunknown—

Declares children (optional). Reactive JSX expressions update this property in place.

unknown
View source
styleStyleProp—

Layout, typography, paint, and interaction-state styles. Arrays merge left to right.

StyleProp
View source
disabledboolean—

Declares disabled (optional). Reactive JSX expressions update this property in place.

boolean
View source
invalidboolean—

Expose web-style invalid state; the `style.invalid` variant paints while it is set.

boolean
View source
selectedboolean—

Expose web-style selected state; the `style.selected` variant paints while it is set.

boolean
View source
groupboolean | string—

Makes this element the group its descendants' `groupHover` and `groupActive` styles follow, like Tailwind's `group`: `true` opens an unnamed group, and a string names it so a descendant can follow it past a nearer group with `groupHover: { group: "name" }`.

boolean | string
View source
rolestring—

Declares role (optional). Reactive JSX expressions update this property in place.

string
View source
tabIndexnumber—

Declares tabIndex (optional). Reactive JSX expressions update this property in place.

number
View source
focusOnPointerboolean—

Keep keyboard focus where it is when this element is activated with a pointer.

boolean
View source
overlayboolean—

Paint this subtree in the viewport overlay plane above embedded native views.

boolean
View source
focusTrapboolean—

Contain keyboard focus within this subtree while it is the topmost trap.

boolean
View source
restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean
View source
autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean
View source
aria-modalboolean—

Expose modal semantics to assistive technology.

boolean
View source
ariaModalboolean—

Declares ariaModal (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnEscapeboolean—

Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnPointerOutsideboolean—

Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.

boolean
View source
tooltipstring—

Delayed, pointer-passive native tooltip text shown while this element is hovered.

string
View source
tooltipPlacementPopoverPlacement—

Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.

PopoverPlacement
View source
tooltipDelaynumber—

Hover delay in milliseconds, clamped by the Rust core to at most ten seconds.

number
View source
tooltipGapnumber—

Declares tooltipGap (optional). Reactive JSX expressions update this property in place.

number
View source
tooltipViewportMarginnumber—

Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.

number
View source
hitSlopnumber | string—

Declares hitSlop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopTopnumber | string—

Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopRightnumber | string—

Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopBottomnumber | string—

Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopLeftnumber | string—

Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.

number | string
View source
aria-labelstring—

Declares aria-label (optional). Reactive JSX expressions update this property in place.

string
View source
ariaLabelstring—

Declares ariaLabel (optional). Reactive JSX expressions update this property in place.

string
View source
ref((node: NativeNode) => void) | NativeNode—

Declares ref (optional). Reactive JSX expressions update this property in place.

((node: NativeNode) => void) | NativeNode
View source
onClickEventHandler—

Declares onClick (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseEnterEventHandler—

Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseLeaveEventHandler—

Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEnterEventHandler—

Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerLeaveEventHandler—

Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEventHandler—

Captured pointer stream from press through release/cancel, including outside the element.

EventHandler
View source
onInputEventHandler—

Declares onInput (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onChangeEventHandler—

Declares onChange (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSubmitEventHandler—

Declares onSubmit (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDismissEventHandler—

Declares onDismiss (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onKeyDownEventHandler—

Focused key press. Declare a `tabIndex` to make an ordinary container focusable.

EventHandler
View source
onKeyUpEventHandler—

Declares onKeyUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseDownEventHandler—

Declares onMouseDown (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseUpEventHandler—

Declares onMouseUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseMoveEventHandler—

Declares onMouseMove (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler
View source
onWheelEventHandler—

Declares onWheel (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onContextMenuEventHandler—

Secondary-button press. Use `ContextMenu` for a declared native menu.

EventHandler
View source
onPinchEventHandler—

Declares onPinch (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onRotateEventHandler—

Declares onRotate (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSmartMagnifyEventHandler—

Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPressureEventHandler—

Declares onPressure (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFocusEventHandler—

Declares onFocus (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onBlurEventHandler—

Declares onBlur (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
keymapKeymap—

Bounded accelerator table resolved by the core while this element is focused.

Keymap
View source
onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler
View source
draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource
View source
onDragStartEventHandler—

Declares onDragStart (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDragEndEventHandler—

Declares onDragEnd (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
dropKindsDropKind | readonly DropKind[]—

Payload kinds this element accepts, declared ahead of the native drag.

DropKind | readonly DropKind[]
View source
onDropEventHandler—

Declares onDrop (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFilesDroppedEventHandler—

Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
scopestring—

Stable key shared by every part of one component instance.

string
View source

Select.Item

View source
Select.Item(props: JSX.OptionProps): NativeNode
accessibilityLabelstring—

Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.

string
View source
childrenunknown—

Declares children (optional). Reactive JSX expressions update this property in place.

unknown
View source
styleStyleProp—

Layout, typography, paint, and interaction-state styles. Arrays merge left to right.

StyleProp
View source
disabledboolean—

Declares disabled (optional). Reactive JSX expressions update this property in place.

boolean
View source
invalidboolean—

Expose web-style invalid state; the `style.invalid` variant paints while it is set.

boolean
View source
selectedboolean—

Expose web-style selected state; the `style.selected` variant paints while it is set.

boolean
View source
groupboolean | string | string—

Makes this element the group its descendants' `groupHover` and `groupActive` styles follow, like Tailwind's `group`: `true` opens an unnamed group, and a string names it so a descendant can follow it past a nearer group with `groupHover: { group: "name" }`.

boolean | string | string
View source
rolestring—

Declares role (optional). Reactive JSX expressions update this property in place.

string
View source
tabIndexnumber—

Declares tabIndex (optional). Reactive JSX expressions update this property in place.

number
View source
focusOnPointerboolean—

Keep keyboard focus where it is when this element is activated with a pointer.

boolean
View source
overlayboolean—

Paint this subtree in the viewport overlay plane above embedded native views.

boolean
View source
focusTrapboolean—

Contain keyboard focus within this subtree while it is the topmost trap.

boolean
View source
restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean
View source
autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean
View source
aria-modalboolean—

Expose modal semantics to assistive technology.

boolean
View source
ariaModalboolean—

Declares ariaModal (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnEscapeboolean—

Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnPointerOutsideboolean—

Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.

boolean
View source
tooltipstring—

Delayed, pointer-passive native tooltip text shown while this element is hovered.

string
View source
tooltipPlacementPopoverPlacement—

Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.

PopoverPlacement
View source
tooltipDelaynumber—

Hover delay in milliseconds, clamped by the Rust core to at most ten seconds.

number
View source
tooltipGapnumber—

Declares tooltipGap (optional). Reactive JSX expressions update this property in place.

number
View source
tooltipViewportMarginnumber—

Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.

number
View source
hitSlopnumber | string—

Declares hitSlop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopTopnumber | string—

Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopRightnumber | string—

Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopBottomnumber | string—

Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopLeftnumber | string—

Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.

number | string
View source
aria-labelstring—

Declares aria-label (optional). Reactive JSX expressions update this property in place.

string
View source
ariaLabelstring—

Declares ariaLabel (optional). Reactive JSX expressions update this property in place.

string
View source
ref((node: NativeNode) => void) | NativeNode—

Declares ref (optional). Reactive JSX expressions update this property in place.

((node: NativeNode) => void) | NativeNode
View source
onClickEventHandler—

Declares onClick (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseEnterEventHandler—

Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseLeaveEventHandler—

Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEnterEventHandler—

Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerLeaveEventHandler—

Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEventHandler—

Captured pointer stream from press through release/cancel, including outside the element.

EventHandler
View source
onInputEventHandler—

Declares onInput (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onChangeEventHandler—

Declares onChange (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSubmitEventHandler—

Declares onSubmit (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDismissEventHandler—

Declares onDismiss (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onKeyDownEventHandler—

Focused key press. Declare a `tabIndex` to make an ordinary container focusable.

EventHandler
View source
onKeyUpEventHandler—

Declares onKeyUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseDownEventHandler—

Declares onMouseDown (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseUpEventHandler—

Declares onMouseUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseMoveEventHandler—

Declares onMouseMove (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler
View source
onWheelEventHandler—

Declares onWheel (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onContextMenuEventHandler—

Secondary-button press. Use `ContextMenu` for a declared native menu.

EventHandler
View source
onPinchEventHandler—

Declares onPinch (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onRotateEventHandler—

Declares onRotate (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSmartMagnifyEventHandler—

Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPressureEventHandler—

Declares onPressure (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFocusEventHandler—

Declares onFocus (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onBlurEventHandler—

Declares onBlur (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
keymapKeymap—

Bounded accelerator table resolved by the core while this element is focused.

Keymap
View source
onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler
View source
draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource
View source
onDragStartEventHandler—

Declares onDragStart (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDragEndEventHandler—

Declares onDragEnd (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
dropKindsDropKind | readonly DropKind[]—

Payload kinds this element accepts, declared ahead of the native drag.

DropKind | readonly DropKind[]
View source
onDropEventHandler—

Declares onDrop (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFilesDroppedEventHandler—

Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
scopestring—

Stable key shared by every part of one component instance.

string
View source
partValuestring—

The option's stable value.

string
View source
labelstring—

Row label. Defaults to the value.

string
View source
valueTextstring—

Trailing hint text.

string
View source

Select.ItemText

View source
Select.ItemText(props: JSX.NativeScopedProps): NativeNode
accessibilityLabelstring—

Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.

string
View source
childrenunknown—

Declares children (optional). Reactive JSX expressions update this property in place.

unknown
View source
styleStyleProp—

Layout, typography, paint, and interaction-state styles. Arrays merge left to right.

StyleProp
View source
disabledboolean—

Declares disabled (optional). Reactive JSX expressions update this property in place.

boolean
View source
invalidboolean—

Expose web-style invalid state; the `style.invalid` variant paints while it is set.

boolean
View source
selectedboolean—

Expose web-style selected state; the `style.selected` variant paints while it is set.

boolean
View source
groupboolean | string—

Makes this element the group its descendants' `groupHover` and `groupActive` styles follow, like Tailwind's `group`: `true` opens an unnamed group, and a string names it so a descendant can follow it past a nearer group with `groupHover: { group: "name" }`.

boolean | string
View source
rolestring—

Declares role (optional). Reactive JSX expressions update this property in place.

string
View source
tabIndexnumber—

Declares tabIndex (optional). Reactive JSX expressions update this property in place.

number
View source
focusOnPointerboolean—

Keep keyboard focus where it is when this element is activated with a pointer.

boolean
View source
overlayboolean—

Paint this subtree in the viewport overlay plane above embedded native views.

boolean
View source
focusTrapboolean—

Contain keyboard focus within this subtree while it is the topmost trap.

boolean
View source
restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean
View source
autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean
View source
aria-modalboolean—

Expose modal semantics to assistive technology.

boolean
View source
ariaModalboolean—

Declares ariaModal (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnEscapeboolean—

Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnPointerOutsideboolean—

Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.

boolean
View source
tooltipstring—

Delayed, pointer-passive native tooltip text shown while this element is hovered.

string
View source
tooltipPlacementPopoverPlacement—

Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.

PopoverPlacement
View source
tooltipDelaynumber—

Hover delay in milliseconds, clamped by the Rust core to at most ten seconds.

number
View source
tooltipGapnumber—

Declares tooltipGap (optional). Reactive JSX expressions update this property in place.

number
View source
tooltipViewportMarginnumber—

Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.

number
View source
hitSlopnumber | string—

Declares hitSlop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopTopnumber | string—

Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopRightnumber | string—

Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopBottomnumber | string—

Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopLeftnumber | string—

Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.

number | string
View source
aria-labelstring—

Declares aria-label (optional). Reactive JSX expressions update this property in place.

string
View source
ariaLabelstring—

Declares ariaLabel (optional). Reactive JSX expressions update this property in place.

string
View source
ref((node: NativeNode) => void) | NativeNode—

Declares ref (optional). Reactive JSX expressions update this property in place.

((node: NativeNode) => void) | NativeNode
View source
onClickEventHandler—

Declares onClick (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseEnterEventHandler—

Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseLeaveEventHandler—

Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEnterEventHandler—

Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerLeaveEventHandler—

Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEventHandler—

Captured pointer stream from press through release/cancel, including outside the element.

EventHandler
View source
onInputEventHandler—

Declares onInput (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onChangeEventHandler—

Declares onChange (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSubmitEventHandler—

Declares onSubmit (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDismissEventHandler—

Declares onDismiss (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onKeyDownEventHandler—

Focused key press. Declare a `tabIndex` to make an ordinary container focusable.

EventHandler
View source
onKeyUpEventHandler—

Declares onKeyUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseDownEventHandler—

Declares onMouseDown (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseUpEventHandler—

Declares onMouseUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseMoveEventHandler—

Declares onMouseMove (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler
View source
onWheelEventHandler—

Declares onWheel (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onContextMenuEventHandler—

Secondary-button press. Use `ContextMenu` for a declared native menu.

EventHandler
View source
onPinchEventHandler—

Declares onPinch (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onRotateEventHandler—

Declares onRotate (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSmartMagnifyEventHandler—

Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPressureEventHandler—

Declares onPressure (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFocusEventHandler—

Declares onFocus (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onBlurEventHandler—

Declares onBlur (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
keymapKeymap—

Bounded accelerator table resolved by the core while this element is focused.

Keymap
View source
onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler
View source
draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource
View source
onDragStartEventHandler—

Declares onDragStart (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDragEndEventHandler—

Declares onDragEnd (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
dropKindsDropKind | readonly DropKind[]—

Payload kinds this element accepts, declared ahead of the native drag.

DropKind | readonly DropKind[]
View source
onDropEventHandler—

Declares onDrop (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFilesDroppedEventHandler—

Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
scopestring—

Stable key shared by every part of one component instance.

string
View source

Select.ItemIndicator

View source
Select.ItemIndicator(props: JSX.NativeScopedProps): NativeNode
accessibilityLabelstring—

Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.

string
View source
childrenunknown—

Declares children (optional). Reactive JSX expressions update this property in place.

unknown
View source
styleStyleProp—

Layout, typography, paint, and interaction-state styles. Arrays merge left to right.

StyleProp
View source
disabledboolean—

Declares disabled (optional). Reactive JSX expressions update this property in place.

boolean
View source
invalidboolean—

Expose web-style invalid state; the `style.invalid` variant paints while it is set.

boolean
View source
selectedboolean—

Expose web-style selected state; the `style.selected` variant paints while it is set.

boolean
View source
groupboolean | string—

Makes this element the group its descendants' `groupHover` and `groupActive` styles follow, like Tailwind's `group`: `true` opens an unnamed group, and a string names it so a descendant can follow it past a nearer group with `groupHover: { group: "name" }`.

boolean | string
View source
rolestring—

Declares role (optional). Reactive JSX expressions update this property in place.

string
View source
tabIndexnumber—

Declares tabIndex (optional). Reactive JSX expressions update this property in place.

number
View source
focusOnPointerboolean—

Keep keyboard focus where it is when this element is activated with a pointer.

boolean
View source
overlayboolean—

Paint this subtree in the viewport overlay plane above embedded native views.

boolean
View source
focusTrapboolean—

Contain keyboard focus within this subtree while it is the topmost trap.

boolean
View source
restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean
View source
autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean
View source
aria-modalboolean—

Expose modal semantics to assistive technology.

boolean
View source
ariaModalboolean—

Declares ariaModal (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnEscapeboolean—

Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnPointerOutsideboolean—

Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.

boolean
View source
tooltipstring—

Delayed, pointer-passive native tooltip text shown while this element is hovered.

string
View source
tooltipPlacementPopoverPlacement—

Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.

PopoverPlacement
View source
tooltipDelaynumber—

Hover delay in milliseconds, clamped by the Rust core to at most ten seconds.

number
View source
tooltipGapnumber—

Declares tooltipGap (optional). Reactive JSX expressions update this property in place.

number
View source
tooltipViewportMarginnumber—

Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.

number
View source
hitSlopnumber | string—

Declares hitSlop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopTopnumber | string—

Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopRightnumber | string—

Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopBottomnumber | string—

Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopLeftnumber | string—

Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.

number | string
View source
aria-labelstring—

Declares aria-label (optional). Reactive JSX expressions update this property in place.

string
View source
ariaLabelstring—

Declares ariaLabel (optional). Reactive JSX expressions update this property in place.

string
View source
ref((node: NativeNode) => void) | NativeNode—

Declares ref (optional). Reactive JSX expressions update this property in place.

((node: NativeNode) => void) | NativeNode
View source
onClickEventHandler—

Declares onClick (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseEnterEventHandler—

Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseLeaveEventHandler—

Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEnterEventHandler—

Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerLeaveEventHandler—

Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEventHandler—

Captured pointer stream from press through release/cancel, including outside the element.

EventHandler
View source
onInputEventHandler—

Declares onInput (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onChangeEventHandler—

Declares onChange (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSubmitEventHandler—

Declares onSubmit (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDismissEventHandler—

Declares onDismiss (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onKeyDownEventHandler—

Focused key press. Declare a `tabIndex` to make an ordinary container focusable.

EventHandler
View source
onKeyUpEventHandler—

Declares onKeyUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseDownEventHandler—

Declares onMouseDown (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseUpEventHandler—

Declares onMouseUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseMoveEventHandler—

Declares onMouseMove (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler
View source
onWheelEventHandler—

Declares onWheel (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onContextMenuEventHandler—

Secondary-button press. Use `ContextMenu` for a declared native menu.

EventHandler
View source
onPinchEventHandler—

Declares onPinch (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onRotateEventHandler—

Declares onRotate (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSmartMagnifyEventHandler—

Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPressureEventHandler—

Declares onPressure (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFocusEventHandler—

Declares onFocus (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onBlurEventHandler—

Declares onBlur (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
keymapKeymap—

Bounded accelerator table resolved by the core while this element is focused.

Keymap
View source
onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler
View source
draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource
View source
onDragStartEventHandler—

Declares onDragStart (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDragEndEventHandler—

Declares onDragEnd (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
dropKindsDropKind | readonly DropKind[]—

Payload kinds this element accepts, declared ahead of the native drag.

DropKind | readonly DropKind[]
View source
onDropEventHandler—

Declares onDrop (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFilesDroppedEventHandler—

Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
scopestring—

Stable key shared by every part of one component instance.

string
View source

Select.Group

View source
Select.Group(props: JSX.OptionProps): NativeNode
accessibilityLabelstring—

Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.

string
View source
childrenunknown—

Declares children (optional). Reactive JSX expressions update this property in place.

unknown
View source
styleStyleProp—

Layout, typography, paint, and interaction-state styles. Arrays merge left to right.

StyleProp
View source
disabledboolean—

Declares disabled (optional). Reactive JSX expressions update this property in place.

boolean
View source
invalidboolean—

Expose web-style invalid state; the `style.invalid` variant paints while it is set.

boolean
View source
selectedboolean—

Expose web-style selected state; the `style.selected` variant paints while it is set.

boolean
View source
groupboolean | string | string—

Makes this element the group its descendants' `groupHover` and `groupActive` styles follow, like Tailwind's `group`: `true` opens an unnamed group, and a string names it so a descendant can follow it past a nearer group with `groupHover: { group: "name" }`.

boolean | string | string
View source
rolestring—

Declares role (optional). Reactive JSX expressions update this property in place.

string
View source
tabIndexnumber—

Declares tabIndex (optional). Reactive JSX expressions update this property in place.

number
View source
focusOnPointerboolean—

Keep keyboard focus where it is when this element is activated with a pointer.

boolean
View source
overlayboolean—

Paint this subtree in the viewport overlay plane above embedded native views.

boolean
View source
focusTrapboolean—

Contain keyboard focus within this subtree while it is the topmost trap.

boolean
View source
restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean
View source
autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean
View source
aria-modalboolean—

Expose modal semantics to assistive technology.

boolean
View source
ariaModalboolean—

Declares ariaModal (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnEscapeboolean—

Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnPointerOutsideboolean—

Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.

boolean
View source
tooltipstring—

Delayed, pointer-passive native tooltip text shown while this element is hovered.

string
View source
tooltipPlacementPopoverPlacement—

Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.

PopoverPlacement
View source
tooltipDelaynumber—

Hover delay in milliseconds, clamped by the Rust core to at most ten seconds.

number
View source
tooltipGapnumber—

Declares tooltipGap (optional). Reactive JSX expressions update this property in place.

number
View source
tooltipViewportMarginnumber—

Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.

number
View source
hitSlopnumber | string—

Declares hitSlop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopTopnumber | string—

Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopRightnumber | string—

Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopBottomnumber | string—

Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopLeftnumber | string—

Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.

number | string
View source
aria-labelstring—

Declares aria-label (optional). Reactive JSX expressions update this property in place.

string
View source
ariaLabelstring—

Declares ariaLabel (optional). Reactive JSX expressions update this property in place.

string
View source
ref((node: NativeNode) => void) | NativeNode—

Declares ref (optional). Reactive JSX expressions update this property in place.

((node: NativeNode) => void) | NativeNode
View source
onClickEventHandler—

Declares onClick (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseEnterEventHandler—

Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseLeaveEventHandler—

Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEnterEventHandler—

Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerLeaveEventHandler—

Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEventHandler—

Captured pointer stream from press through release/cancel, including outside the element.

EventHandler
View source
onInputEventHandler—

Declares onInput (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onChangeEventHandler—

Declares onChange (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSubmitEventHandler—

Declares onSubmit (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDismissEventHandler—

Declares onDismiss (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onKeyDownEventHandler—

Focused key press. Declare a `tabIndex` to make an ordinary container focusable.

EventHandler
View source
onKeyUpEventHandler—

Declares onKeyUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseDownEventHandler—

Declares onMouseDown (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseUpEventHandler—

Declares onMouseUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseMoveEventHandler—

Declares onMouseMove (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler
View source
onWheelEventHandler—

Declares onWheel (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onContextMenuEventHandler—

Secondary-button press. Use `ContextMenu` for a declared native menu.

EventHandler
View source
onPinchEventHandler—

Declares onPinch (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onRotateEventHandler—

Declares onRotate (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSmartMagnifyEventHandler—

Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPressureEventHandler—

Declares onPressure (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFocusEventHandler—

Declares onFocus (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onBlurEventHandler—

Declares onBlur (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
keymapKeymap—

Bounded accelerator table resolved by the core while this element is focused.

Keymap
View source
onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler
View source
draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource
View source
onDragStartEventHandler—

Declares onDragStart (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDragEndEventHandler—

Declares onDragEnd (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
dropKindsDropKind | readonly DropKind[]—

Payload kinds this element accepts, declared ahead of the native drag.

DropKind | readonly DropKind[]
View source
onDropEventHandler—

Declares onDrop (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFilesDroppedEventHandler—

Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
scopestring—

Stable key shared by every part of one component instance.

string
View source
partValuestring—

The option's stable value.

string
View source
labelstring—

Row label. Defaults to the value.

string
View source
valueTextstring—

Trailing hint text.

string
View source

Select.GroupLabel

View source
Select.GroupLabel(props: JSX.NativeScopedProps): NativeNode
accessibilityLabelstring—

Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.

string
View source
childrenunknown—

Declares children (optional). Reactive JSX expressions update this property in place.

unknown
View source
styleStyleProp—

Layout, typography, paint, and interaction-state styles. Arrays merge left to right.

StyleProp
View source
disabledboolean—

Declares disabled (optional). Reactive JSX expressions update this property in place.

boolean
View source
invalidboolean—

Expose web-style invalid state; the `style.invalid` variant paints while it is set.

boolean
View source
selectedboolean—

Expose web-style selected state; the `style.selected` variant paints while it is set.

boolean
View source
groupboolean | string—

Makes this element the group its descendants' `groupHover` and `groupActive` styles follow, like Tailwind's `group`: `true` opens an unnamed group, and a string names it so a descendant can follow it past a nearer group with `groupHover: { group: "name" }`.

boolean | string
View source
rolestring—

Declares role (optional). Reactive JSX expressions update this property in place.

string
View source
tabIndexnumber—

Declares tabIndex (optional). Reactive JSX expressions update this property in place.

number
View source
focusOnPointerboolean—

Keep keyboard focus where it is when this element is activated with a pointer.

boolean
View source
overlayboolean—

Paint this subtree in the viewport overlay plane above embedded native views.

boolean
View source
focusTrapboolean—

Contain keyboard focus within this subtree while it is the topmost trap.

boolean
View source
restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean
View source
autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean
View source
aria-modalboolean—

Expose modal semantics to assistive technology.

boolean
View source
ariaModalboolean—

Declares ariaModal (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnEscapeboolean—

Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnPointerOutsideboolean—

Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.

boolean
View source
tooltipstring—

Delayed, pointer-passive native tooltip text shown while this element is hovered.

string
View source
tooltipPlacementPopoverPlacement—

Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.

PopoverPlacement
View source
tooltipDelaynumber—

Hover delay in milliseconds, clamped by the Rust core to at most ten seconds.

number
View source
tooltipGapnumber—

Declares tooltipGap (optional). Reactive JSX expressions update this property in place.

number
View source
tooltipViewportMarginnumber—

Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.

number
View source
hitSlopnumber | string—

Declares hitSlop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopTopnumber | string—

Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopRightnumber | string—

Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopBottomnumber | string—

Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopLeftnumber | string—

Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.

number | string
View source
aria-labelstring—

Declares aria-label (optional). Reactive JSX expressions update this property in place.

string
View source
ariaLabelstring—

Declares ariaLabel (optional). Reactive JSX expressions update this property in place.

string
View source
ref((node: NativeNode) => void) | NativeNode—

Declares ref (optional). Reactive JSX expressions update this property in place.

((node: NativeNode) => void) | NativeNode
View source
onClickEventHandler—

Declares onClick (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseEnterEventHandler—

Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseLeaveEventHandler—

Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEnterEventHandler—

Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerLeaveEventHandler—

Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEventHandler—

Captured pointer stream from press through release/cancel, including outside the element.

EventHandler
View source
onInputEventHandler—

Declares onInput (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onChangeEventHandler—

Declares onChange (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSubmitEventHandler—

Declares onSubmit (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDismissEventHandler—

Declares onDismiss (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onKeyDownEventHandler—

Focused key press. Declare a `tabIndex` to make an ordinary container focusable.

EventHandler
View source
onKeyUpEventHandler—

Declares onKeyUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseDownEventHandler—

Declares onMouseDown (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseUpEventHandler—

Declares onMouseUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseMoveEventHandler—

Declares onMouseMove (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler
View source
onWheelEventHandler—

Declares onWheel (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onContextMenuEventHandler—

Secondary-button press. Use `ContextMenu` for a declared native menu.

EventHandler
View source
onPinchEventHandler—

Declares onPinch (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onRotateEventHandler—

Declares onRotate (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSmartMagnifyEventHandler—

Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPressureEventHandler—

Declares onPressure (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFocusEventHandler—

Declares onFocus (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onBlurEventHandler—

Declares onBlur (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
keymapKeymap—

Bounded accelerator table resolved by the core while this element is focused.

Keymap
View source
onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler
View source
draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource
View source
onDragStartEventHandler—

Declares onDragStart (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDragEndEventHandler—

Declares onDragEnd (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
dropKindsDropKind | readonly DropKind[]—

Payload kinds this element accepts, declared ahead of the native drag.

DropKind | readonly DropKind[]
View source
onDropEventHandler—

Declares onDrop (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFilesDroppedEventHandler—

Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
scopestring—

Stable key shared by every part of one component instance.

string
View source

Select.Separator

View source
Select.Separator(props: JSX.NativeScopedProps): NativeNode
accessibilityLabelstring—

Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.

string
View source
childrenunknown—

Declares children (optional). Reactive JSX expressions update this property in place.

unknown
View source
styleStyleProp—

Layout, typography, paint, and interaction-state styles. Arrays merge left to right.

StyleProp
View source
disabledboolean—

Declares disabled (optional). Reactive JSX expressions update this property in place.

boolean
View source
invalidboolean—

Expose web-style invalid state; the `style.invalid` variant paints while it is set.

boolean
View source
selectedboolean—

Expose web-style selected state; the `style.selected` variant paints while it is set.

boolean
View source
groupboolean | string—

Makes this element the group its descendants' `groupHover` and `groupActive` styles follow, like Tailwind's `group`: `true` opens an unnamed group, and a string names it so a descendant can follow it past a nearer group with `groupHover: { group: "name" }`.

boolean | string
View source
rolestring—

Declares role (optional). Reactive JSX expressions update this property in place.

string
View source
tabIndexnumber—

Declares tabIndex (optional). Reactive JSX expressions update this property in place.

number
View source
focusOnPointerboolean—

Keep keyboard focus where it is when this element is activated with a pointer.

boolean
View source
overlayboolean—

Paint this subtree in the viewport overlay plane above embedded native views.

boolean
View source
focusTrapboolean—

Contain keyboard focus within this subtree while it is the topmost trap.

boolean
View source
restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean
View source
autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean
View source
aria-modalboolean—

Expose modal semantics to assistive technology.

boolean
View source
ariaModalboolean—

Declares ariaModal (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnEscapeboolean—

Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnPointerOutsideboolean—

Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.

boolean
View source
tooltipstring—

Delayed, pointer-passive native tooltip text shown while this element is hovered.

string
View source
tooltipPlacementPopoverPlacement—

Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.

PopoverPlacement
View source
tooltipDelaynumber—

Hover delay in milliseconds, clamped by the Rust core to at most ten seconds.

number
View source
tooltipGapnumber—

Declares tooltipGap (optional). Reactive JSX expressions update this property in place.

number
View source
tooltipViewportMarginnumber—

Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.

number
View source
hitSlopnumber | string—

Declares hitSlop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopTopnumber | string—

Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopRightnumber | string—

Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopBottomnumber | string—

Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopLeftnumber | string—

Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.

number | string
View source
aria-labelstring—

Declares aria-label (optional). Reactive JSX expressions update this property in place.

string
View source
ariaLabelstring—

Declares ariaLabel (optional). Reactive JSX expressions update this property in place.

string
View source
ref((node: NativeNode) => void) | NativeNode—

Declares ref (optional). Reactive JSX expressions update this property in place.

((node: NativeNode) => void) | NativeNode
View source
onClickEventHandler—

Declares onClick (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseEnterEventHandler—

Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseLeaveEventHandler—

Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEnterEventHandler—

Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerLeaveEventHandler—

Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEventHandler—

Captured pointer stream from press through release/cancel, including outside the element.

EventHandler
View source
onInputEventHandler—

Declares onInput (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onChangeEventHandler—

Declares onChange (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSubmitEventHandler—

Declares onSubmit (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDismissEventHandler—

Declares onDismiss (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onKeyDownEventHandler—

Focused key press. Declare a `tabIndex` to make an ordinary container focusable.

EventHandler
View source
onKeyUpEventHandler—

Declares onKeyUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseDownEventHandler—

Declares onMouseDown (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseUpEventHandler—

Declares onMouseUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseMoveEventHandler—

Declares onMouseMove (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler
View source
onWheelEventHandler—

Declares onWheel (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onContextMenuEventHandler—

Secondary-button press. Use `ContextMenu` for a declared native menu.

EventHandler
View source
onPinchEventHandler—

Declares onPinch (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onRotateEventHandler—

Declares onRotate (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSmartMagnifyEventHandler—

Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPressureEventHandler—

Declares onPressure (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFocusEventHandler—

Declares onFocus (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onBlurEventHandler—

Declares onBlur (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
keymapKeymap—

Bounded accelerator table resolved by the core while this element is focused.

Keymap
View source
onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler
View source
draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource
View source
onDragStartEventHandler—

Declares onDragStart (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDragEndEventHandler—

Declares onDragEnd (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
dropKindsDropKind | readonly DropKind[]—

Payload kinds this element accepts, declared ahead of the native drag.

DropKind | readonly DropKind[]
View source
onDropEventHandler—

Declares onDrop (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFilesDroppedEventHandler—

Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
scopestring—

Stable key shared by every part of one component instance.

string
View source

Select.ScrollUpArrow

View source
Select.ScrollUpArrow(props: JSX.NativeScopedProps): NativeNode
accessibilityLabelstring—

Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.

string
View source
childrenunknown—

Declares children (optional). Reactive JSX expressions update this property in place.

unknown
View source
styleStyleProp—

Layout, typography, paint, and interaction-state styles. Arrays merge left to right.

StyleProp
View source
disabledboolean—

Declares disabled (optional). Reactive JSX expressions update this property in place.

boolean
View source
invalidboolean—

Expose web-style invalid state; the `style.invalid` variant paints while it is set.

boolean
View source
selectedboolean—

Expose web-style selected state; the `style.selected` variant paints while it is set.

boolean
View source
groupboolean | string—

Makes this element the group its descendants' `groupHover` and `groupActive` styles follow, like Tailwind's `group`: `true` opens an unnamed group, and a string names it so a descendant can follow it past a nearer group with `groupHover: { group: "name" }`.

boolean | string
View source
rolestring—

Declares role (optional). Reactive JSX expressions update this property in place.

string
View source
tabIndexnumber—

Declares tabIndex (optional). Reactive JSX expressions update this property in place.

number
View source
focusOnPointerboolean—

Keep keyboard focus where it is when this element is activated with a pointer.

boolean
View source
overlayboolean—

Paint this subtree in the viewport overlay plane above embedded native views.

boolean
View source
focusTrapboolean—

Contain keyboard focus within this subtree while it is the topmost trap.

boolean
View source
restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean
View source
autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean
View source
aria-modalboolean—

Expose modal semantics to assistive technology.

boolean
View source
ariaModalboolean—

Declares ariaModal (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnEscapeboolean—

Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnPointerOutsideboolean—

Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.

boolean
View source
tooltipstring—

Delayed, pointer-passive native tooltip text shown while this element is hovered.

string
View source
tooltipPlacementPopoverPlacement—

Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.

PopoverPlacement
View source
tooltipDelaynumber—

Hover delay in milliseconds, clamped by the Rust core to at most ten seconds.

number
View source
tooltipGapnumber—

Declares tooltipGap (optional). Reactive JSX expressions update this property in place.

number
View source
tooltipViewportMarginnumber—

Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.

number
View source
hitSlopnumber | string—

Declares hitSlop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopTopnumber | string—

Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopRightnumber | string—

Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopBottomnumber | string—

Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopLeftnumber | string—

Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.

number | string
View source
aria-labelstring—

Declares aria-label (optional). Reactive JSX expressions update this property in place.

string
View source
ariaLabelstring—

Declares ariaLabel (optional). Reactive JSX expressions update this property in place.

string
View source
ref((node: NativeNode) => void) | NativeNode—

Declares ref (optional). Reactive JSX expressions update this property in place.

((node: NativeNode) => void) | NativeNode
View source
onClickEventHandler—

Declares onClick (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseEnterEventHandler—

Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseLeaveEventHandler—

Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEnterEventHandler—

Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerLeaveEventHandler—

Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEventHandler—

Captured pointer stream from press through release/cancel, including outside the element.

EventHandler
View source
onInputEventHandler—

Declares onInput (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onChangeEventHandler—

Declares onChange (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSubmitEventHandler—

Declares onSubmit (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDismissEventHandler—

Declares onDismiss (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onKeyDownEventHandler—

Focused key press. Declare a `tabIndex` to make an ordinary container focusable.

EventHandler
View source
onKeyUpEventHandler—

Declares onKeyUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseDownEventHandler—

Declares onMouseDown (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseUpEventHandler—

Declares onMouseUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseMoveEventHandler—

Declares onMouseMove (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler
View source
onWheelEventHandler—

Declares onWheel (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onContextMenuEventHandler—

Secondary-button press. Use `ContextMenu` for a declared native menu.

EventHandler
View source
onPinchEventHandler—

Declares onPinch (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onRotateEventHandler—

Declares onRotate (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSmartMagnifyEventHandler—

Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPressureEventHandler—

Declares onPressure (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFocusEventHandler—

Declares onFocus (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onBlurEventHandler—

Declares onBlur (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
keymapKeymap—

Bounded accelerator table resolved by the core while this element is focused.

Keymap
View source
onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler
View source
draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource
View source
onDragStartEventHandler—

Declares onDragStart (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDragEndEventHandler—

Declares onDragEnd (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
dropKindsDropKind | readonly DropKind[]—

Payload kinds this element accepts, declared ahead of the native drag.

DropKind | readonly DropKind[]
View source
onDropEventHandler—

Declares onDrop (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFilesDroppedEventHandler—

Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
scopestring—

Stable key shared by every part of one component instance.

string
View source

Select.ScrollDownArrow

View source
Select.ScrollDownArrow(props: JSX.NativeScopedProps): NativeNode
accessibilityLabelstring—

Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.

string
View source
childrenunknown—

Declares children (optional). Reactive JSX expressions update this property in place.

unknown
View source
styleStyleProp—

Layout, typography, paint, and interaction-state styles. Arrays merge left to right.

StyleProp
View source
disabledboolean—

Declares disabled (optional). Reactive JSX expressions update this property in place.

boolean
View source
invalidboolean—

Expose web-style invalid state; the `style.invalid` variant paints while it is set.

boolean
View source
selectedboolean—

Expose web-style selected state; the `style.selected` variant paints while it is set.

boolean
View source
groupboolean | string—

Makes this element the group its descendants' `groupHover` and `groupActive` styles follow, like Tailwind's `group`: `true` opens an unnamed group, and a string names it so a descendant can follow it past a nearer group with `groupHover: { group: "name" }`.

boolean | string
View source
rolestring—

Declares role (optional). Reactive JSX expressions update this property in place.

string
View source
tabIndexnumber—

Declares tabIndex (optional). Reactive JSX expressions update this property in place.

number
View source
focusOnPointerboolean—

Keep keyboard focus where it is when this element is activated with a pointer.

boolean
View source
overlayboolean—

Paint this subtree in the viewport overlay plane above embedded native views.

boolean
View source
focusTrapboolean—

Contain keyboard focus within this subtree while it is the topmost trap.

boolean
View source
restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean
View source
autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean
View source
aria-modalboolean—

Expose modal semantics to assistive technology.

boolean
View source
ariaModalboolean—

Declares ariaModal (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnEscapeboolean—

Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.

boolean
View source
dismissOnPointerOutsideboolean—

Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.

boolean
View source
tooltipstring—

Delayed, pointer-passive native tooltip text shown while this element is hovered.

string
View source
tooltipPlacementPopoverPlacement—

Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.

PopoverPlacement
View source
tooltipDelaynumber—

Hover delay in milliseconds, clamped by the Rust core to at most ten seconds.

number
View source
tooltipGapnumber—

Declares tooltipGap (optional). Reactive JSX expressions update this property in place.

number
View source
tooltipViewportMarginnumber—

Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.

number
View source
hitSlopnumber | string—

Declares hitSlop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopTopnumber | string—

Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopRightnumber | string—

Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopBottomnumber | string—

Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.

number | string
View source
hitSlopLeftnumber | string—

Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.

number | string
View source
aria-labelstring—

Declares aria-label (optional). Reactive JSX expressions update this property in place.

string
View source
ariaLabelstring—

Declares ariaLabel (optional). Reactive JSX expressions update this property in place.

string
View source
ref((node: NativeNode) => void) | NativeNode—

Declares ref (optional). Reactive JSX expressions update this property in place.

((node: NativeNode) => void) | NativeNode
View source
onClickEventHandler—

Declares onClick (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseEnterEventHandler—

Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseLeaveEventHandler—

Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEnterEventHandler—

Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerLeaveEventHandler—

Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPointerEventHandler—

Captured pointer stream from press through release/cancel, including outside the element.

EventHandler
View source
onInputEventHandler—

Declares onInput (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onChangeEventHandler—

Declares onChange (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSubmitEventHandler—

Declares onSubmit (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDismissEventHandler—

Declares onDismiss (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onKeyDownEventHandler—

Focused key press. Declare a `tabIndex` to make an ordinary container focusable.

EventHandler
View source
onKeyUpEventHandler—

Declares onKeyUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseDownEventHandler—

Declares onMouseDown (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseUpEventHandler—

Declares onMouseUp (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onMouseMoveEventHandler—

Declares onMouseMove (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler
View source
onWheelEventHandler—

Declares onWheel (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onContextMenuEventHandler—

Secondary-button press. Use `ContextMenu` for a declared native menu.

EventHandler
View source
onPinchEventHandler—

Declares onPinch (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onRotateEventHandler—

Declares onRotate (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onSmartMagnifyEventHandler—

Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onPressureEventHandler—

Declares onPressure (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFocusEventHandler—

Declares onFocus (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onBlurEventHandler—

Declares onBlur (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
keymapKeymap—

Bounded accelerator table resolved by the core while this element is focused.

Keymap
View source
onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler
View source
draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource
View source
onDragStartEventHandler—

Declares onDragStart (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onDragEndEventHandler—

Declares onDragEnd (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
dropKindsDropKind | readonly DropKind[]—

Payload kinds this element accepts, declared ahead of the native drag.

DropKind | readonly DropKind[]
View source
onDropEventHandler—

Declares onDrop (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
onFilesDroppedEventHandler—

Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.

EventHandler
View source
scopestring—

Stable key shared by every part of one component instance.

string
View source