Autocomplete
Filters suggestions for free-form text without requiring a selected value.
#Import
Import Autocomplete from @quickgui/solid.
import { Autocomplete } from "@quickgui/solid";#Usage
<Autocomplete.Root
ariaLabel="Search commands"
items={commands}
inputValue={query()}
filterMode="fuzzy"
onInputValueChange={setQuery}
onCommit={(details) => run(details.inputValue ?? "")}
/>#Anatomy
Autocomplete.RootAutocomplete.InputAutocomplete.OptionAutocomplete.LabelAutocomplete.ValueAutocomplete.IconAutocomplete.InputGroupAutocomplete.ClearAutocomplete.PortalAutocomplete.PositionerAutocomplete.PopupAutocomplete.ArrowAutocomplete.StatusAutocomplete.EmptyAutocomplete.ListAutocomplete.ItemAutocomplete.ItemIndicatorAutocomplete.GroupAutocomplete.GroupLabelAutocomplete.CollectionAutocomplete.Separator
<Autocomplete.Root>
<Autocomplete.Input />
<Autocomplete.Option />
<Autocomplete.Label />
<Autocomplete.Value />
<Autocomplete.Icon />
<Autocomplete.InputGroup />
<Autocomplete.Clear />
<Autocomplete.Portal />
<Autocomplete.Positioner />
<Autocomplete.Popup />
<Autocomplete.Arrow />
<Autocomplete.Status />
<Autocomplete.Empty />
<Autocomplete.List />
<Autocomplete.Item />
<Autocomplete.ItemIndicator />
<Autocomplete.Group />
<Autocomplete.GroupLabel />
<Autocomplete.Collection />
<Autocomplete.Separator />
</Autocomplete.Root>#API reference
Expand an entry for its description and complete signature. A dash means no declaration default is documented.
Autocomplete
View sourceAutocomplete(props: JSX.AutocompleteProps): NativeNodeaccessibilityLabelstring—
Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.
stringchildrenunknown—
Declares children (optional). Reactive JSX expressions update this property in place.
unknownstyleStyleProp—
Layout, typography, paint, and interaction-state styles. Arrays merge left to right.
StylePropdisabledboolean—
Declares disabled (optional). Reactive JSX expressions update this property in place.
booleaninvalidboolean—
Expose web-style invalid state; the `style.invalid` variant paints while it is set.
booleanselectedboolean—
Expose web-style selected state; the `style.selected` variant paints while it is set.
booleangroupboolean | 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 | stringrolestring—
tabIndexnumber—
Declares tabIndex (optional). Reactive JSX expressions update this property in place.
numberfocusOnPointerboolean—
overlayboolean—
focusTrapboolean—
restorePreviousFocusboolean—
autoFocusboolean—
aria-modalboolean—
ariaModalboolean—
Declares ariaModal (optional). Reactive JSX expressions update this property in place.
booleandismissOnEscapeboolean—
Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.
booleandismissOnPointerOutsideboolean—
Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.
booleantooltipstring—
tooltipPlacementPopoverPlacement—
Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.
PopoverPlacementtooltipDelaynumber—
tooltipGapnumber—
Declares tooltipGap (optional). Reactive JSX expressions update this property in place.
numbertooltipViewportMarginnumber—
Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.
numberhitSlopnumber | string—
Declares hitSlop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopTopnumber | string—
Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopRightnumber | string—
Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopBottomnumber | string—
Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopLeftnumber | string—
Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.
number | stringaria-labelstring—
Declares aria-label (optional). Reactive JSX expressions update this property in place.
stringariaLabelstring—
Declares ariaLabel (optional). Reactive JSX expressions update this property in place.
stringref((node: NativeNode) => void) | NativeNode—
Declares ref (optional). Reactive JSX expressions update this property in place.
((node: NativeNode) => void) | NativeNodeonClickEventHandler—
Declares onClick (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseEnterEventHandler—
Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseLeaveEventHandler—
Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEnterEventHandler—
Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerLeaveEventHandler—
Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEventHandler—
Captured pointer stream from press through release/cancel, including outside the element.
EventHandleronInputEventHandler—
Declares onInput (optional). Reactive JSX expressions update this property in place.
EventHandleronChangeEventHandler—
Declares onChange (optional). Reactive JSX expressions update this property in place.
EventHandleronSubmitEventHandler—
Declares onSubmit (optional). Reactive JSX expressions update this property in place.
EventHandleronDismissEventHandler—
Declares onDismiss (optional). Reactive JSX expressions update this property in place.
EventHandleronKeyDownEventHandler—
Focused key press. Declare a `tabIndex` to make an ordinary container focusable.
EventHandleronKeyUpEventHandler—
Declares onKeyUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseDownEventHandler—
Declares onMouseDown (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseUpEventHandler—
Declares onMouseUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseMoveEventHandler—
Declares onMouseMove (optional). Reactive JSX expressions update this property in place.
EventHandleronDoubleClickEventHandler—
onWheelEventHandler—
Declares onWheel (optional). Reactive JSX expressions update this property in place.
EventHandleronContextMenuEventHandler—
onPinchEventHandler—
Declares onPinch (optional). Reactive JSX expressions update this property in place.
EventHandleronRotateEventHandler—
Declares onRotate (optional). Reactive JSX expressions update this property in place.
EventHandleronSmartMagnifyEventHandler—
Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.
EventHandleronPressureEventHandler—
Declares onPressure (optional). Reactive JSX expressions update this property in place.
EventHandleronFocusEventHandler—
Declares onFocus (optional). Reactive JSX expressions update this property in place.
EventHandleronBlurEventHandler—
Declares onBlur (optional). Reactive JSX expressions update this property in place.
EventHandlerkeymapKeymap—
onActionEventHandler—
draggableboolean | DragSource—
onDragStartEventHandler—
Declares onDragStart (optional). Reactive JSX expressions update this property in place.
EventHandleronDragEndEventHandler—
Declares onDragEnd (optional). Reactive JSX expressions update this property in place.
EventHandlerdropKindsDropKind | readonly DropKind[]—
Payload kinds this element accepts, declared ahead of the native drag.
DropKind | readonly DropKind[]onDropEventHandler—
Declares onDrop (optional). Reactive JSX expressions update this property in place.
EventHandleronFilesDroppedEventHandler—
Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.
EventHandlerscopestring—
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>>appearancePickerAppearance—
Structural geometry and paint for the rows the core renders in its own window.
PickerAppearancefilterMode"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"onOpenChange(open: boolean, event: QuickGuiEvent) => void—
Reported when the core opens or closes its own native popover window.
(open: boolean, event: QuickGuiEvent) => voidplaceholderstring—
Declares placeholder (optional). Reactive JSX expressions update this property in place.
stringinputValuestring—
onInputValueChange(value: string, event: QuickGuiEvent) => void—
Declares onInputValueChange (optional). Reactive JSX expressions update this property in place.
(value: string, event: QuickGuiEvent) => voidonCommit(details: CommitDetails, event: QuickGuiEvent) => void—
Declares onCommit (optional). Reactive JSX expressions update this property in place.
(details: CommitDetails, event: QuickGuiEvent) => voidAutocomplete.Root
View sourceAutocomplete.Root(props: JSX.AutocompleteProps): NativeNodeaccessibilityLabelstring—
Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.
stringchildrenunknown—
Declares children (optional). Reactive JSX expressions update this property in place.
unknownstyleStyleProp—
Layout, typography, paint, and interaction-state styles. Arrays merge left to right.
StylePropdisabledboolean—
Declares disabled (optional). Reactive JSX expressions update this property in place.
booleaninvalidboolean—
Expose web-style invalid state; the `style.invalid` variant paints while it is set.
booleanselectedboolean—
Expose web-style selected state; the `style.selected` variant paints while it is set.
booleangroupboolean | 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 | stringrolestring—
tabIndexnumber—
Declares tabIndex (optional). Reactive JSX expressions update this property in place.
numberfocusOnPointerboolean—
overlayboolean—
focusTrapboolean—
restorePreviousFocusboolean—
autoFocusboolean—
aria-modalboolean—
ariaModalboolean—
Declares ariaModal (optional). Reactive JSX expressions update this property in place.
booleandismissOnEscapeboolean—
Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.
booleandismissOnPointerOutsideboolean—
Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.
booleantooltipstring—
tooltipPlacementPopoverPlacement—
Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.
PopoverPlacementtooltipDelaynumber—
tooltipGapnumber—
Declares tooltipGap (optional). Reactive JSX expressions update this property in place.
numbertooltipViewportMarginnumber—
Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.
numberhitSlopnumber | string—
Declares hitSlop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopTopnumber | string—
Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopRightnumber | string—
Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopBottomnumber | string—
Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopLeftnumber | string—
Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.
number | stringaria-labelstring—
Declares aria-label (optional). Reactive JSX expressions update this property in place.
stringariaLabelstring—
Declares ariaLabel (optional). Reactive JSX expressions update this property in place.
stringref((node: NativeNode) => void) | NativeNode—
Declares ref (optional). Reactive JSX expressions update this property in place.
((node: NativeNode) => void) | NativeNodeonClickEventHandler—
Declares onClick (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseEnterEventHandler—
Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseLeaveEventHandler—
Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEnterEventHandler—
Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerLeaveEventHandler—
Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEventHandler—
Captured pointer stream from press through release/cancel, including outside the element.
EventHandleronInputEventHandler—
Declares onInput (optional). Reactive JSX expressions update this property in place.
EventHandleronChangeEventHandler—
Declares onChange (optional). Reactive JSX expressions update this property in place.
EventHandleronSubmitEventHandler—
Declares onSubmit (optional). Reactive JSX expressions update this property in place.
EventHandleronDismissEventHandler—
Declares onDismiss (optional). Reactive JSX expressions update this property in place.
EventHandleronKeyDownEventHandler—
Focused key press. Declare a `tabIndex` to make an ordinary container focusable.
EventHandleronKeyUpEventHandler—
Declares onKeyUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseDownEventHandler—
Declares onMouseDown (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseUpEventHandler—
Declares onMouseUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseMoveEventHandler—
Declares onMouseMove (optional). Reactive JSX expressions update this property in place.
EventHandleronDoubleClickEventHandler—
onWheelEventHandler—
Declares onWheel (optional). Reactive JSX expressions update this property in place.
EventHandleronContextMenuEventHandler—
onPinchEventHandler—
Declares onPinch (optional). Reactive JSX expressions update this property in place.
EventHandleronRotateEventHandler—
Declares onRotate (optional). Reactive JSX expressions update this property in place.
EventHandleronSmartMagnifyEventHandler—
Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.
EventHandleronPressureEventHandler—
Declares onPressure (optional). Reactive JSX expressions update this property in place.
EventHandleronFocusEventHandler—
Declares onFocus (optional). Reactive JSX expressions update this property in place.
EventHandleronBlurEventHandler—
Declares onBlur (optional). Reactive JSX expressions update this property in place.
EventHandlerkeymapKeymap—
onActionEventHandler—
draggableboolean | DragSource—
onDragStartEventHandler—
Declares onDragStart (optional). Reactive JSX expressions update this property in place.
EventHandleronDragEndEventHandler—
Declares onDragEnd (optional). Reactive JSX expressions update this property in place.
EventHandlerdropKindsDropKind | readonly DropKind[]—
Payload kinds this element accepts, declared ahead of the native drag.
DropKind | readonly DropKind[]onDropEventHandler—
Declares onDrop (optional). Reactive JSX expressions update this property in place.
EventHandleronFilesDroppedEventHandler—
Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.
EventHandlerscopestring—
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>>appearancePickerAppearance—
Structural geometry and paint for the rows the core renders in its own window.
PickerAppearancefilterMode"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"onOpenChange(open: boolean, event: QuickGuiEvent) => void—
Reported when the core opens or closes its own native popover window.
(open: boolean, event: QuickGuiEvent) => voidplaceholderstring—
Declares placeholder (optional). Reactive JSX expressions update this property in place.
stringinputValuestring—
onInputValueChange(value: string, event: QuickGuiEvent) => void—
Declares onInputValueChange (optional). Reactive JSX expressions update this property in place.
(value: string, event: QuickGuiEvent) => voidonCommit(details: CommitDetails, event: QuickGuiEvent) => void—
Declares onCommit (optional). Reactive JSX expressions update this property in place.
(details: CommitDetails, event: QuickGuiEvent) => voidAutocomplete.Input
View sourceAutocomplete.Input(props: JSX.AutocompleteProps): NativeNodeaccessibilityLabelstring—
Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.
stringchildrenunknown—
Declares children (optional). Reactive JSX expressions update this property in place.
unknownstyleStyleProp—
Layout, typography, paint, and interaction-state styles. Arrays merge left to right.
StylePropdisabledboolean—
Declares disabled (optional). Reactive JSX expressions update this property in place.
booleaninvalidboolean—
Expose web-style invalid state; the `style.invalid` variant paints while it is set.
booleanselectedboolean—
Expose web-style selected state; the `style.selected` variant paints while it is set.
booleangroupboolean | 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 | stringrolestring—
tabIndexnumber—
Declares tabIndex (optional). Reactive JSX expressions update this property in place.
numberfocusOnPointerboolean—
overlayboolean—
focusTrapboolean—
restorePreviousFocusboolean—
autoFocusboolean—
aria-modalboolean—
ariaModalboolean—
Declares ariaModal (optional). Reactive JSX expressions update this property in place.
booleandismissOnEscapeboolean—
Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.
booleandismissOnPointerOutsideboolean—
Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.
booleantooltipstring—
tooltipPlacementPopoverPlacement—
Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.
PopoverPlacementtooltipDelaynumber—
tooltipGapnumber—
Declares tooltipGap (optional). Reactive JSX expressions update this property in place.
numbertooltipViewportMarginnumber—
Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.
numberhitSlopnumber | string—
Declares hitSlop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopTopnumber | string—
Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopRightnumber | string—
Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopBottomnumber | string—
Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopLeftnumber | string—
Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.
number | stringaria-labelstring—
Declares aria-label (optional). Reactive JSX expressions update this property in place.
stringariaLabelstring—
Declares ariaLabel (optional). Reactive JSX expressions update this property in place.
stringref((node: NativeNode) => void) | NativeNode—
Declares ref (optional). Reactive JSX expressions update this property in place.
((node: NativeNode) => void) | NativeNodeonClickEventHandler—
Declares onClick (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseEnterEventHandler—
Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseLeaveEventHandler—
Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEnterEventHandler—
Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerLeaveEventHandler—
Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEventHandler—
Captured pointer stream from press through release/cancel, including outside the element.
EventHandleronInputEventHandler—
Declares onInput (optional). Reactive JSX expressions update this property in place.
EventHandleronChangeEventHandler—
Declares onChange (optional). Reactive JSX expressions update this property in place.
EventHandleronSubmitEventHandler—
Declares onSubmit (optional). Reactive JSX expressions update this property in place.
EventHandleronDismissEventHandler—
Declares onDismiss (optional). Reactive JSX expressions update this property in place.
EventHandleronKeyDownEventHandler—
Focused key press. Declare a `tabIndex` to make an ordinary container focusable.
EventHandleronKeyUpEventHandler—
Declares onKeyUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseDownEventHandler—
Declares onMouseDown (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseUpEventHandler—
Declares onMouseUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseMoveEventHandler—
Declares onMouseMove (optional). Reactive JSX expressions update this property in place.
EventHandleronDoubleClickEventHandler—
onWheelEventHandler—
Declares onWheel (optional). Reactive JSX expressions update this property in place.
EventHandleronContextMenuEventHandler—
onPinchEventHandler—
Declares onPinch (optional). Reactive JSX expressions update this property in place.
EventHandleronRotateEventHandler—
Declares onRotate (optional). Reactive JSX expressions update this property in place.
EventHandleronSmartMagnifyEventHandler—
Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.
EventHandleronPressureEventHandler—
Declares onPressure (optional). Reactive JSX expressions update this property in place.
EventHandleronFocusEventHandler—
Declares onFocus (optional). Reactive JSX expressions update this property in place.
EventHandleronBlurEventHandler—
Declares onBlur (optional). Reactive JSX expressions update this property in place.
EventHandlerkeymapKeymap—
onActionEventHandler—
draggableboolean | DragSource—
onDragStartEventHandler—
Declares onDragStart (optional). Reactive JSX expressions update this property in place.
EventHandleronDragEndEventHandler—
Declares onDragEnd (optional). Reactive JSX expressions update this property in place.
EventHandlerdropKindsDropKind | readonly DropKind[]—
Payload kinds this element accepts, declared ahead of the native drag.
DropKind | readonly DropKind[]onDropEventHandler—
Declares onDrop (optional). Reactive JSX expressions update this property in place.
EventHandleronFilesDroppedEventHandler—
Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.
EventHandlerscopestring—
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>>appearancePickerAppearance—
Structural geometry and paint for the rows the core renders in its own window.
PickerAppearancefilterMode"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"onOpenChange(open: boolean, event: QuickGuiEvent) => void—
Reported when the core opens or closes its own native popover window.
(open: boolean, event: QuickGuiEvent) => voidplaceholderstring—
Declares placeholder (optional). Reactive JSX expressions update this property in place.
stringinputValuestring—
onInputValueChange(value: string, event: QuickGuiEvent) => void—
Declares onInputValueChange (optional). Reactive JSX expressions update this property in place.
(value: string, event: QuickGuiEvent) => voidonCommit(details: CommitDetails, event: QuickGuiEvent) => void—
Declares onCommit (optional). Reactive JSX expressions update this property in place.
(details: CommitDetails, event: QuickGuiEvent) => voidAutocomplete.Option
View sourceAutocomplete.Option(props: JSX.OptionProps): NativeNodeaccessibilityLabelstring—
Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.
stringchildrenunknown—
Declares children (optional). Reactive JSX expressions update this property in place.
unknownstyleStyleProp—
Layout, typography, paint, and interaction-state styles. Arrays merge left to right.
StylePropdisabledboolean—
Declares disabled (optional). Reactive JSX expressions update this property in place.
booleaninvalidboolean—
Expose web-style invalid state; the `style.invalid` variant paints while it is set.
booleanselectedboolean—
Expose web-style selected state; the `style.selected` variant paints while it is set.
booleangroupboolean | 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 | stringrolestring—
tabIndexnumber—
Declares tabIndex (optional). Reactive JSX expressions update this property in place.
numberfocusOnPointerboolean—
overlayboolean—
focusTrapboolean—
restorePreviousFocusboolean—
autoFocusboolean—
aria-modalboolean—
ariaModalboolean—
Declares ariaModal (optional). Reactive JSX expressions update this property in place.
booleandismissOnEscapeboolean—
Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.
booleandismissOnPointerOutsideboolean—
Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.
booleantooltipstring—
tooltipPlacementPopoverPlacement—
Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.
PopoverPlacementtooltipDelaynumber—
tooltipGapnumber—
Declares tooltipGap (optional). Reactive JSX expressions update this property in place.
numbertooltipViewportMarginnumber—
Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.
numberhitSlopnumber | string—
Declares hitSlop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopTopnumber | string—
Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopRightnumber | string—
Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopBottomnumber | string—
Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopLeftnumber | string—
Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.
number | stringaria-labelstring—
Declares aria-label (optional). Reactive JSX expressions update this property in place.
stringariaLabelstring—
Declares ariaLabel (optional). Reactive JSX expressions update this property in place.
stringref((node: NativeNode) => void) | NativeNode—
Declares ref (optional). Reactive JSX expressions update this property in place.
((node: NativeNode) => void) | NativeNodeonClickEventHandler—
Declares onClick (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseEnterEventHandler—
Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseLeaveEventHandler—
Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEnterEventHandler—
Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerLeaveEventHandler—
Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEventHandler—
Captured pointer stream from press through release/cancel, including outside the element.
EventHandleronInputEventHandler—
Declares onInput (optional). Reactive JSX expressions update this property in place.
EventHandleronChangeEventHandler—
Declares onChange (optional). Reactive JSX expressions update this property in place.
EventHandleronSubmitEventHandler—
Declares onSubmit (optional). Reactive JSX expressions update this property in place.
EventHandleronDismissEventHandler—
Declares onDismiss (optional). Reactive JSX expressions update this property in place.
EventHandleronKeyDownEventHandler—
Focused key press. Declare a `tabIndex` to make an ordinary container focusable.
EventHandleronKeyUpEventHandler—
Declares onKeyUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseDownEventHandler—
Declares onMouseDown (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseUpEventHandler—
Declares onMouseUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseMoveEventHandler—
Declares onMouseMove (optional). Reactive JSX expressions update this property in place.
EventHandleronDoubleClickEventHandler—
onWheelEventHandler—
Declares onWheel (optional). Reactive JSX expressions update this property in place.
EventHandleronContextMenuEventHandler—
onPinchEventHandler—
Declares onPinch (optional). Reactive JSX expressions update this property in place.
EventHandleronRotateEventHandler—
Declares onRotate (optional). Reactive JSX expressions update this property in place.
EventHandleronSmartMagnifyEventHandler—
Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.
EventHandleronPressureEventHandler—
Declares onPressure (optional). Reactive JSX expressions update this property in place.
EventHandleronFocusEventHandler—
Declares onFocus (optional). Reactive JSX expressions update this property in place.
EventHandleronBlurEventHandler—
Declares onBlur (optional). Reactive JSX expressions update this property in place.
EventHandlerkeymapKeymap—
onActionEventHandler—
draggableboolean | DragSource—
onDragStartEventHandler—
Declares onDragStart (optional). Reactive JSX expressions update this property in place.
EventHandleronDragEndEventHandler—
Declares onDragEnd (optional). Reactive JSX expressions update this property in place.
EventHandlerdropKindsDropKind | readonly DropKind[]—
Payload kinds this element accepts, declared ahead of the native drag.
DropKind | readonly DropKind[]onDropEventHandler—
Declares onDrop (optional). Reactive JSX expressions update this property in place.
EventHandleronFilesDroppedEventHandler—
Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.
EventHandlerscopestring—
partValuestring—
labelstring—
valueTextstring—
Autocomplete.Label
View sourceAutocomplete.Label(props: JSX.NativeScopedProps): NativeNodeaccessibilityLabelstring—
Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.
stringchildrenunknown—
Declares children (optional). Reactive JSX expressions update this property in place.
unknownstyleStyleProp—
Layout, typography, paint, and interaction-state styles. Arrays merge left to right.
StylePropdisabledboolean—
Declares disabled (optional). Reactive JSX expressions update this property in place.
booleaninvalidboolean—
Expose web-style invalid state; the `style.invalid` variant paints while it is set.
booleanselectedboolean—
Expose web-style selected state; the `style.selected` variant paints while it is set.
booleangroupboolean | 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 | stringrolestring—
tabIndexnumber—
Declares tabIndex (optional). Reactive JSX expressions update this property in place.
numberfocusOnPointerboolean—
overlayboolean—
focusTrapboolean—
restorePreviousFocusboolean—
autoFocusboolean—
aria-modalboolean—
ariaModalboolean—
Declares ariaModal (optional). Reactive JSX expressions update this property in place.
booleandismissOnEscapeboolean—
Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.
booleandismissOnPointerOutsideboolean—
Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.
booleantooltipstring—
tooltipPlacementPopoverPlacement—
Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.
PopoverPlacementtooltipDelaynumber—
tooltipGapnumber—
Declares tooltipGap (optional). Reactive JSX expressions update this property in place.
numbertooltipViewportMarginnumber—
Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.
numberhitSlopnumber | string—
Declares hitSlop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopTopnumber | string—
Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopRightnumber | string—
Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopBottomnumber | string—
Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopLeftnumber | string—
Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.
number | stringaria-labelstring—
Declares aria-label (optional). Reactive JSX expressions update this property in place.
stringariaLabelstring—
Declares ariaLabel (optional). Reactive JSX expressions update this property in place.
stringref((node: NativeNode) => void) | NativeNode—
Declares ref (optional). Reactive JSX expressions update this property in place.
((node: NativeNode) => void) | NativeNodeonClickEventHandler—
Declares onClick (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseEnterEventHandler—
Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseLeaveEventHandler—
Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEnterEventHandler—
Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerLeaveEventHandler—
Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEventHandler—
Captured pointer stream from press through release/cancel, including outside the element.
EventHandleronInputEventHandler—
Declares onInput (optional). Reactive JSX expressions update this property in place.
EventHandleronChangeEventHandler—
Declares onChange (optional). Reactive JSX expressions update this property in place.
EventHandleronSubmitEventHandler—
Declares onSubmit (optional). Reactive JSX expressions update this property in place.
EventHandleronDismissEventHandler—
Declares onDismiss (optional). Reactive JSX expressions update this property in place.
EventHandleronKeyDownEventHandler—
Focused key press. Declare a `tabIndex` to make an ordinary container focusable.
EventHandleronKeyUpEventHandler—
Declares onKeyUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseDownEventHandler—
Declares onMouseDown (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseUpEventHandler—
Declares onMouseUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseMoveEventHandler—
Declares onMouseMove (optional). Reactive JSX expressions update this property in place.
EventHandleronDoubleClickEventHandler—
onWheelEventHandler—
Declares onWheel (optional). Reactive JSX expressions update this property in place.
EventHandleronContextMenuEventHandler—
onPinchEventHandler—
Declares onPinch (optional). Reactive JSX expressions update this property in place.
EventHandleronRotateEventHandler—
Declares onRotate (optional). Reactive JSX expressions update this property in place.
EventHandleronSmartMagnifyEventHandler—
Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.
EventHandleronPressureEventHandler—
Declares onPressure (optional). Reactive JSX expressions update this property in place.
EventHandleronFocusEventHandler—
Declares onFocus (optional). Reactive JSX expressions update this property in place.
EventHandleronBlurEventHandler—
Declares onBlur (optional). Reactive JSX expressions update this property in place.
EventHandlerkeymapKeymap—
onActionEventHandler—
draggableboolean | DragSource—
onDragStartEventHandler—
Declares onDragStart (optional). Reactive JSX expressions update this property in place.
EventHandleronDragEndEventHandler—
Declares onDragEnd (optional). Reactive JSX expressions update this property in place.
EventHandlerdropKindsDropKind | readonly DropKind[]—
Payload kinds this element accepts, declared ahead of the native drag.
DropKind | readonly DropKind[]onDropEventHandler—
Declares onDrop (optional). Reactive JSX expressions update this property in place.
EventHandleronFilesDroppedEventHandler—
Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.
EventHandlerscopestring—
Autocomplete.Value
View sourceAutocomplete.Value(props: JSX.NativeScopedProps): NativeNodeaccessibilityLabelstring—
Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.
stringchildrenunknown—
Declares children (optional). Reactive JSX expressions update this property in place.
unknownstyleStyleProp—
Layout, typography, paint, and interaction-state styles. Arrays merge left to right.
StylePropdisabledboolean—
Declares disabled (optional). Reactive JSX expressions update this property in place.
booleaninvalidboolean—
Expose web-style invalid state; the `style.invalid` variant paints while it is set.
booleanselectedboolean—
Expose web-style selected state; the `style.selected` variant paints while it is set.
booleangroupboolean | 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 | stringrolestring—
tabIndexnumber—
Declares tabIndex (optional). Reactive JSX expressions update this property in place.
numberfocusOnPointerboolean—
overlayboolean—
focusTrapboolean—
restorePreviousFocusboolean—
autoFocusboolean—
aria-modalboolean—
ariaModalboolean—
Declares ariaModal (optional). Reactive JSX expressions update this property in place.
booleandismissOnEscapeboolean—
Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.
booleandismissOnPointerOutsideboolean—
Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.
booleantooltipstring—
tooltipPlacementPopoverPlacement—
Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.
PopoverPlacementtooltipDelaynumber—
tooltipGapnumber—
Declares tooltipGap (optional). Reactive JSX expressions update this property in place.
numbertooltipViewportMarginnumber—
Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.
numberhitSlopnumber | string—
Declares hitSlop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopTopnumber | string—
Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopRightnumber | string—
Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopBottomnumber | string—
Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopLeftnumber | string—
Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.
number | stringaria-labelstring—
Declares aria-label (optional). Reactive JSX expressions update this property in place.
stringariaLabelstring—
Declares ariaLabel (optional). Reactive JSX expressions update this property in place.
stringref((node: NativeNode) => void) | NativeNode—
Declares ref (optional). Reactive JSX expressions update this property in place.
((node: NativeNode) => void) | NativeNodeonClickEventHandler—
Declares onClick (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseEnterEventHandler—
Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseLeaveEventHandler—
Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEnterEventHandler—
Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerLeaveEventHandler—
Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEventHandler—
Captured pointer stream from press through release/cancel, including outside the element.
EventHandleronInputEventHandler—
Declares onInput (optional). Reactive JSX expressions update this property in place.
EventHandleronChangeEventHandler—
Declares onChange (optional). Reactive JSX expressions update this property in place.
EventHandleronSubmitEventHandler—
Declares onSubmit (optional). Reactive JSX expressions update this property in place.
EventHandleronDismissEventHandler—
Declares onDismiss (optional). Reactive JSX expressions update this property in place.
EventHandleronKeyDownEventHandler—
Focused key press. Declare a `tabIndex` to make an ordinary container focusable.
EventHandleronKeyUpEventHandler—
Declares onKeyUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseDownEventHandler—
Declares onMouseDown (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseUpEventHandler—
Declares onMouseUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseMoveEventHandler—
Declares onMouseMove (optional). Reactive JSX expressions update this property in place.
EventHandleronDoubleClickEventHandler—
onWheelEventHandler—
Declares onWheel (optional). Reactive JSX expressions update this property in place.
EventHandleronContextMenuEventHandler—
onPinchEventHandler—
Declares onPinch (optional). Reactive JSX expressions update this property in place.
EventHandleronRotateEventHandler—
Declares onRotate (optional). Reactive JSX expressions update this property in place.
EventHandleronSmartMagnifyEventHandler—
Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.
EventHandleronPressureEventHandler—
Declares onPressure (optional). Reactive JSX expressions update this property in place.
EventHandleronFocusEventHandler—
Declares onFocus (optional). Reactive JSX expressions update this property in place.
EventHandleronBlurEventHandler—
Declares onBlur (optional). Reactive JSX expressions update this property in place.
EventHandlerkeymapKeymap—
onActionEventHandler—
draggableboolean | DragSource—
onDragStartEventHandler—
Declares onDragStart (optional). Reactive JSX expressions update this property in place.
EventHandleronDragEndEventHandler—
Declares onDragEnd (optional). Reactive JSX expressions update this property in place.
EventHandlerdropKindsDropKind | readonly DropKind[]—
Payload kinds this element accepts, declared ahead of the native drag.
DropKind | readonly DropKind[]onDropEventHandler—
Declares onDrop (optional). Reactive JSX expressions update this property in place.
EventHandleronFilesDroppedEventHandler—
Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.
EventHandlerscopestring—
Autocomplete.Icon
View sourceAutocomplete.Icon(props: JSX.NativeScopedProps): NativeNodeaccessibilityLabelstring—
Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.
stringchildrenunknown—
Declares children (optional). Reactive JSX expressions update this property in place.
unknownstyleStyleProp—
Layout, typography, paint, and interaction-state styles. Arrays merge left to right.
StylePropdisabledboolean—
Declares disabled (optional). Reactive JSX expressions update this property in place.
booleaninvalidboolean—
Expose web-style invalid state; the `style.invalid` variant paints while it is set.
booleanselectedboolean—
Expose web-style selected state; the `style.selected` variant paints while it is set.
booleangroupboolean | 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 | stringrolestring—
tabIndexnumber—
Declares tabIndex (optional). Reactive JSX expressions update this property in place.
numberfocusOnPointerboolean—
overlayboolean—
focusTrapboolean—
restorePreviousFocusboolean—
autoFocusboolean—
aria-modalboolean—
ariaModalboolean—
Declares ariaModal (optional). Reactive JSX expressions update this property in place.
booleandismissOnEscapeboolean—
Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.
booleandismissOnPointerOutsideboolean—
Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.
booleantooltipstring—
tooltipPlacementPopoverPlacement—
Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.
PopoverPlacementtooltipDelaynumber—
tooltipGapnumber—
Declares tooltipGap (optional). Reactive JSX expressions update this property in place.
numbertooltipViewportMarginnumber—
Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.
numberhitSlopnumber | string—
Declares hitSlop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopTopnumber | string—
Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopRightnumber | string—
Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopBottomnumber | string—
Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopLeftnumber | string—
Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.
number | stringaria-labelstring—
Declares aria-label (optional). Reactive JSX expressions update this property in place.
stringariaLabelstring—
Declares ariaLabel (optional). Reactive JSX expressions update this property in place.
stringref((node: NativeNode) => void) | NativeNode—
Declares ref (optional). Reactive JSX expressions update this property in place.
((node: NativeNode) => void) | NativeNodeonClickEventHandler—
Declares onClick (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseEnterEventHandler—
Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseLeaveEventHandler—
Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEnterEventHandler—
Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerLeaveEventHandler—
Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEventHandler—
Captured pointer stream from press through release/cancel, including outside the element.
EventHandleronInputEventHandler—
Declares onInput (optional). Reactive JSX expressions update this property in place.
EventHandleronChangeEventHandler—
Declares onChange (optional). Reactive JSX expressions update this property in place.
EventHandleronSubmitEventHandler—
Declares onSubmit (optional). Reactive JSX expressions update this property in place.
EventHandleronDismissEventHandler—
Declares onDismiss (optional). Reactive JSX expressions update this property in place.
EventHandleronKeyDownEventHandler—
Focused key press. Declare a `tabIndex` to make an ordinary container focusable.
EventHandleronKeyUpEventHandler—
Declares onKeyUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseDownEventHandler—
Declares onMouseDown (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseUpEventHandler—
Declares onMouseUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseMoveEventHandler—
Declares onMouseMove (optional). Reactive JSX expressions update this property in place.
EventHandleronDoubleClickEventHandler—
onWheelEventHandler—
Declares onWheel (optional). Reactive JSX expressions update this property in place.
EventHandleronContextMenuEventHandler—
onPinchEventHandler—
Declares onPinch (optional). Reactive JSX expressions update this property in place.
EventHandleronRotateEventHandler—
Declares onRotate (optional). Reactive JSX expressions update this property in place.
EventHandleronSmartMagnifyEventHandler—
Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.
EventHandleronPressureEventHandler—
Declares onPressure (optional). Reactive JSX expressions update this property in place.
EventHandleronFocusEventHandler—
Declares onFocus (optional). Reactive JSX expressions update this property in place.
EventHandleronBlurEventHandler—
Declares onBlur (optional). Reactive JSX expressions update this property in place.
EventHandlerkeymapKeymap—
onActionEventHandler—
draggableboolean | DragSource—
onDragStartEventHandler—
Declares onDragStart (optional). Reactive JSX expressions update this property in place.
EventHandleronDragEndEventHandler—
Declares onDragEnd (optional). Reactive JSX expressions update this property in place.
EventHandlerdropKindsDropKind | readonly DropKind[]—
Payload kinds this element accepts, declared ahead of the native drag.
DropKind | readonly DropKind[]onDropEventHandler—
Declares onDrop (optional). Reactive JSX expressions update this property in place.
EventHandleronFilesDroppedEventHandler—
Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.
EventHandlerscopestring—
Autocomplete.InputGroup
View sourceAutocomplete.InputGroup(props: JSX.NativeScopedProps): NativeNodeaccessibilityLabelstring—
Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.
stringchildrenunknown—
Declares children (optional). Reactive JSX expressions update this property in place.
unknownstyleStyleProp—
Layout, typography, paint, and interaction-state styles. Arrays merge left to right.
StylePropdisabledboolean—
Declares disabled (optional). Reactive JSX expressions update this property in place.
booleaninvalidboolean—
Expose web-style invalid state; the `style.invalid` variant paints while it is set.
booleanselectedboolean—
Expose web-style selected state; the `style.selected` variant paints while it is set.
booleangroupboolean | 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 | stringrolestring—
tabIndexnumber—
Declares tabIndex (optional). Reactive JSX expressions update this property in place.
numberfocusOnPointerboolean—
overlayboolean—
focusTrapboolean—
restorePreviousFocusboolean—
autoFocusboolean—
aria-modalboolean—
ariaModalboolean—
Declares ariaModal (optional). Reactive JSX expressions update this property in place.
booleandismissOnEscapeboolean—
Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.
booleandismissOnPointerOutsideboolean—
Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.
booleantooltipstring—
tooltipPlacementPopoverPlacement—
Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.
PopoverPlacementtooltipDelaynumber—
tooltipGapnumber—
Declares tooltipGap (optional). Reactive JSX expressions update this property in place.
numbertooltipViewportMarginnumber—
Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.
numberhitSlopnumber | string—
Declares hitSlop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopTopnumber | string—
Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopRightnumber | string—
Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopBottomnumber | string—
Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopLeftnumber | string—
Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.
number | stringaria-labelstring—
Declares aria-label (optional). Reactive JSX expressions update this property in place.
stringariaLabelstring—
Declares ariaLabel (optional). Reactive JSX expressions update this property in place.
stringref((node: NativeNode) => void) | NativeNode—
Declares ref (optional). Reactive JSX expressions update this property in place.
((node: NativeNode) => void) | NativeNodeonClickEventHandler—
Declares onClick (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseEnterEventHandler—
Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseLeaveEventHandler—
Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEnterEventHandler—
Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerLeaveEventHandler—
Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEventHandler—
Captured pointer stream from press through release/cancel, including outside the element.
EventHandleronInputEventHandler—
Declares onInput (optional). Reactive JSX expressions update this property in place.
EventHandleronChangeEventHandler—
Declares onChange (optional). Reactive JSX expressions update this property in place.
EventHandleronSubmitEventHandler—
Declares onSubmit (optional). Reactive JSX expressions update this property in place.
EventHandleronDismissEventHandler—
Declares onDismiss (optional). Reactive JSX expressions update this property in place.
EventHandleronKeyDownEventHandler—
Focused key press. Declare a `tabIndex` to make an ordinary container focusable.
EventHandleronKeyUpEventHandler—
Declares onKeyUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseDownEventHandler—
Declares onMouseDown (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseUpEventHandler—
Declares onMouseUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseMoveEventHandler—
Declares onMouseMove (optional). Reactive JSX expressions update this property in place.
EventHandleronDoubleClickEventHandler—
onWheelEventHandler—
Declares onWheel (optional). Reactive JSX expressions update this property in place.
EventHandleronContextMenuEventHandler—
onPinchEventHandler—
Declares onPinch (optional). Reactive JSX expressions update this property in place.
EventHandleronRotateEventHandler—
Declares onRotate (optional). Reactive JSX expressions update this property in place.
EventHandleronSmartMagnifyEventHandler—
Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.
EventHandleronPressureEventHandler—
Declares onPressure (optional). Reactive JSX expressions update this property in place.
EventHandleronFocusEventHandler—
Declares onFocus (optional). Reactive JSX expressions update this property in place.
EventHandleronBlurEventHandler—
Declares onBlur (optional). Reactive JSX expressions update this property in place.
EventHandlerkeymapKeymap—
onActionEventHandler—
draggableboolean | DragSource—
onDragStartEventHandler—
Declares onDragStart (optional). Reactive JSX expressions update this property in place.
EventHandleronDragEndEventHandler—
Declares onDragEnd (optional). Reactive JSX expressions update this property in place.
EventHandlerdropKindsDropKind | readonly DropKind[]—
Payload kinds this element accepts, declared ahead of the native drag.
DropKind | readonly DropKind[]onDropEventHandler—
Declares onDrop (optional). Reactive JSX expressions update this property in place.
EventHandleronFilesDroppedEventHandler—
Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.
EventHandlerscopestring—
Autocomplete.Clear
View sourceAutocomplete.Clear(props: JSX.NativeScopedProps): NativeNodeaccessibilityLabelstring—
Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.
stringchildrenunknown—
Declares children (optional). Reactive JSX expressions update this property in place.
unknownstyleStyleProp—
Layout, typography, paint, and interaction-state styles. Arrays merge left to right.
StylePropdisabledboolean—
Declares disabled (optional). Reactive JSX expressions update this property in place.
booleaninvalidboolean—
Expose web-style invalid state; the `style.invalid` variant paints while it is set.
booleanselectedboolean—
Expose web-style selected state; the `style.selected` variant paints while it is set.
booleangroupboolean | 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 | stringrolestring—
tabIndexnumber—
Declares tabIndex (optional). Reactive JSX expressions update this property in place.
numberfocusOnPointerboolean—
overlayboolean—
focusTrapboolean—
restorePreviousFocusboolean—
autoFocusboolean—
aria-modalboolean—
ariaModalboolean—
Declares ariaModal (optional). Reactive JSX expressions update this property in place.
booleandismissOnEscapeboolean—
Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.
booleandismissOnPointerOutsideboolean—
Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.
booleantooltipstring—
tooltipPlacementPopoverPlacement—
Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.
PopoverPlacementtooltipDelaynumber—
tooltipGapnumber—
Declares tooltipGap (optional). Reactive JSX expressions update this property in place.
numbertooltipViewportMarginnumber—
Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.
numberhitSlopnumber | string—
Declares hitSlop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopTopnumber | string—
Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopRightnumber | string—
Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopBottomnumber | string—
Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopLeftnumber | string—
Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.
number | stringaria-labelstring—
Declares aria-label (optional). Reactive JSX expressions update this property in place.
stringariaLabelstring—
Declares ariaLabel (optional). Reactive JSX expressions update this property in place.
stringref((node: NativeNode) => void) | NativeNode—
Declares ref (optional). Reactive JSX expressions update this property in place.
((node: NativeNode) => void) | NativeNodeonClickEventHandler—
Declares onClick (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseEnterEventHandler—
Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseLeaveEventHandler—
Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEnterEventHandler—
Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerLeaveEventHandler—
Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEventHandler—
Captured pointer stream from press through release/cancel, including outside the element.
EventHandleronInputEventHandler—
Declares onInput (optional). Reactive JSX expressions update this property in place.
EventHandleronChangeEventHandler—
Declares onChange (optional). Reactive JSX expressions update this property in place.
EventHandleronSubmitEventHandler—
Declares onSubmit (optional). Reactive JSX expressions update this property in place.
EventHandleronDismissEventHandler—
Declares onDismiss (optional). Reactive JSX expressions update this property in place.
EventHandleronKeyDownEventHandler—
Focused key press. Declare a `tabIndex` to make an ordinary container focusable.
EventHandleronKeyUpEventHandler—
Declares onKeyUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseDownEventHandler—
Declares onMouseDown (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseUpEventHandler—
Declares onMouseUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseMoveEventHandler—
Declares onMouseMove (optional). Reactive JSX expressions update this property in place.
EventHandleronDoubleClickEventHandler—
onWheelEventHandler—
Declares onWheel (optional). Reactive JSX expressions update this property in place.
EventHandleronContextMenuEventHandler—
onPinchEventHandler—
Declares onPinch (optional). Reactive JSX expressions update this property in place.
EventHandleronRotateEventHandler—
Declares onRotate (optional). Reactive JSX expressions update this property in place.
EventHandleronSmartMagnifyEventHandler—
Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.
EventHandleronPressureEventHandler—
Declares onPressure (optional). Reactive JSX expressions update this property in place.
EventHandleronFocusEventHandler—
Declares onFocus (optional). Reactive JSX expressions update this property in place.
EventHandleronBlurEventHandler—
Declares onBlur (optional). Reactive JSX expressions update this property in place.
EventHandlerkeymapKeymap—
onActionEventHandler—
draggableboolean | DragSource—
onDragStartEventHandler—
Declares onDragStart (optional). Reactive JSX expressions update this property in place.
EventHandleronDragEndEventHandler—
Declares onDragEnd (optional). Reactive JSX expressions update this property in place.
EventHandlerdropKindsDropKind | readonly DropKind[]—
Payload kinds this element accepts, declared ahead of the native drag.
DropKind | readonly DropKind[]onDropEventHandler—
Declares onDrop (optional). Reactive JSX expressions update this property in place.
EventHandleronFilesDroppedEventHandler—
Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.
EventHandlerscopestring—
Autocomplete.Portal
View sourceAutocomplete.Portal(props: JSX.SelectPositionerProps): NativeNodeaccessibilityLabelstring—
Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.
stringchildrenunknown—
Declares children (optional). Reactive JSX expressions update this property in place.
unknownstyleStyleProp—
Layout, typography, paint, and interaction-state styles. Arrays merge left to right.
StylePropdisabledboolean—
Declares disabled (optional). Reactive JSX expressions update this property in place.
booleaninvalidboolean—
Expose web-style invalid state; the `style.invalid` variant paints while it is set.
booleanselectedboolean—
Expose web-style selected state; the `style.selected` variant paints while it is set.
booleangroupboolean | 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 | stringrolestring—
tabIndexnumber—
Declares tabIndex (optional). Reactive JSX expressions update this property in place.
numberfocusOnPointerboolean—
overlayboolean—
focusTrapboolean—
restorePreviousFocusboolean—
autoFocusboolean—
aria-modalboolean—
ariaModalboolean—
Declares ariaModal (optional). Reactive JSX expressions update this property in place.
booleandismissOnEscapeboolean—
Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.
booleandismissOnPointerOutsideboolean—
Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.
booleantooltipstring—
tooltipPlacementPopoverPlacement—
Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.
PopoverPlacementtooltipDelaynumber—
tooltipGapnumber—
Declares tooltipGap (optional). Reactive JSX expressions update this property in place.
numbertooltipViewportMarginnumber—
Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.
numberhitSlopnumber | string—
Declares hitSlop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopTopnumber | string—
Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopRightnumber | string—
Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopBottomnumber | string—
Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopLeftnumber | string—
Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.
number | stringaria-labelstring—
Declares aria-label (optional). Reactive JSX expressions update this property in place.
stringariaLabelstring—
Declares ariaLabel (optional). Reactive JSX expressions update this property in place.
stringref((node: NativeNode) => void) | NativeNode—
Declares ref (optional). Reactive JSX expressions update this property in place.
((node: NativeNode) => void) | NativeNodeonClickEventHandler—
Declares onClick (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseEnterEventHandler—
Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseLeaveEventHandler—
Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEnterEventHandler—
Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerLeaveEventHandler—
Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEventHandler—
Captured pointer stream from press through release/cancel, including outside the element.
EventHandleronInputEventHandler—
Declares onInput (optional). Reactive JSX expressions update this property in place.
EventHandleronChangeEventHandler—
Declares onChange (optional). Reactive JSX expressions update this property in place.
EventHandleronSubmitEventHandler—
Declares onSubmit (optional). Reactive JSX expressions update this property in place.
EventHandleronDismissEventHandler—
Declares onDismiss (optional). Reactive JSX expressions update this property in place.
EventHandleronKeyDownEventHandler—
Focused key press. Declare a `tabIndex` to make an ordinary container focusable.
EventHandleronKeyUpEventHandler—
Declares onKeyUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseDownEventHandler—
Declares onMouseDown (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseUpEventHandler—
Declares onMouseUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseMoveEventHandler—
Declares onMouseMove (optional). Reactive JSX expressions update this property in place.
EventHandleronDoubleClickEventHandler—
onWheelEventHandler—
Declares onWheel (optional). Reactive JSX expressions update this property in place.
EventHandleronContextMenuEventHandler—
onPinchEventHandler—
Declares onPinch (optional). Reactive JSX expressions update this property in place.
EventHandleronRotateEventHandler—
Declares onRotate (optional). Reactive JSX expressions update this property in place.
EventHandleronSmartMagnifyEventHandler—
Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.
EventHandleronPressureEventHandler—
Declares onPressure (optional). Reactive JSX expressions update this property in place.
EventHandleronFocusEventHandler—
Declares onFocus (optional). Reactive JSX expressions update this property in place.
EventHandleronBlurEventHandler—
Declares onBlur (optional). Reactive JSX expressions update this property in place.
EventHandlerkeymapKeymap—
onActionEventHandler—
draggableboolean | DragSource—
onDragStartEventHandler—
Declares onDragStart (optional). Reactive JSX expressions update this property in place.
EventHandleronDragEndEventHandler—
Declares onDragEnd (optional). Reactive JSX expressions update this property in place.
EventHandlerdropKindsDropKind | readonly DropKind[]—
Payload kinds this element accepts, declared ahead of the native drag.
DropKind | readonly DropKind[]onDropEventHandler—
Declares onDrop (optional). Reactive JSX expressions update this property in place.
EventHandleronFilesDroppedEventHandler—
Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.
EventHandlerscopestring—
side"top" | "bottom" | "left" | "right"—
Declares side (optional). Reactive JSX expressions update this property in place.
"top" | "bottom" | "left" | "right"align"start" | "center" | "end"—
Declares align (optional). Reactive JSX expressions update this property in place.
"start" | "center" | "end"sideOffsetnumber—
Declares sideOffset (optional). Reactive JSX expressions update this property in place.
numberAutocomplete.Positioner
View sourceAutocomplete.Positioner(props: JSX.SelectPositionerProps): NativeNodeaccessibilityLabelstring—
Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.
stringchildrenunknown—
Declares children (optional). Reactive JSX expressions update this property in place.
unknownstyleStyleProp—
Layout, typography, paint, and interaction-state styles. Arrays merge left to right.
StylePropdisabledboolean—
Declares disabled (optional). Reactive JSX expressions update this property in place.
booleaninvalidboolean—
Expose web-style invalid state; the `style.invalid` variant paints while it is set.
booleanselectedboolean—
Expose web-style selected state; the `style.selected` variant paints while it is set.
booleangroupboolean | 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 | stringrolestring—
tabIndexnumber—
Declares tabIndex (optional). Reactive JSX expressions update this property in place.
numberfocusOnPointerboolean—
overlayboolean—
focusTrapboolean—
restorePreviousFocusboolean—
autoFocusboolean—
aria-modalboolean—
ariaModalboolean—
Declares ariaModal (optional). Reactive JSX expressions update this property in place.
booleandismissOnEscapeboolean—
Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.
booleandismissOnPointerOutsideboolean—
Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.
booleantooltipstring—
tooltipPlacementPopoverPlacement—
Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.
PopoverPlacementtooltipDelaynumber—
tooltipGapnumber—
Declares tooltipGap (optional). Reactive JSX expressions update this property in place.
numbertooltipViewportMarginnumber—
Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.
numberhitSlopnumber | string—
Declares hitSlop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopTopnumber | string—
Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopRightnumber | string—
Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopBottomnumber | string—
Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopLeftnumber | string—
Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.
number | stringaria-labelstring—
Declares aria-label (optional). Reactive JSX expressions update this property in place.
stringariaLabelstring—
Declares ariaLabel (optional). Reactive JSX expressions update this property in place.
stringref((node: NativeNode) => void) | NativeNode—
Declares ref (optional). Reactive JSX expressions update this property in place.
((node: NativeNode) => void) | NativeNodeonClickEventHandler—
Declares onClick (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseEnterEventHandler—
Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseLeaveEventHandler—
Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEnterEventHandler—
Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerLeaveEventHandler—
Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEventHandler—
Captured pointer stream from press through release/cancel, including outside the element.
EventHandleronInputEventHandler—
Declares onInput (optional). Reactive JSX expressions update this property in place.
EventHandleronChangeEventHandler—
Declares onChange (optional). Reactive JSX expressions update this property in place.
EventHandleronSubmitEventHandler—
Declares onSubmit (optional). Reactive JSX expressions update this property in place.
EventHandleronDismissEventHandler—
Declares onDismiss (optional). Reactive JSX expressions update this property in place.
EventHandleronKeyDownEventHandler—
Focused key press. Declare a `tabIndex` to make an ordinary container focusable.
EventHandleronKeyUpEventHandler—
Declares onKeyUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseDownEventHandler—
Declares onMouseDown (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseUpEventHandler—
Declares onMouseUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseMoveEventHandler—
Declares onMouseMove (optional). Reactive JSX expressions update this property in place.
EventHandleronDoubleClickEventHandler—
onWheelEventHandler—
Declares onWheel (optional). Reactive JSX expressions update this property in place.
EventHandleronContextMenuEventHandler—
onPinchEventHandler—
Declares onPinch (optional). Reactive JSX expressions update this property in place.
EventHandleronRotateEventHandler—
Declares onRotate (optional). Reactive JSX expressions update this property in place.
EventHandleronSmartMagnifyEventHandler—
Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.
EventHandleronPressureEventHandler—
Declares onPressure (optional). Reactive JSX expressions update this property in place.
EventHandleronFocusEventHandler—
Declares onFocus (optional). Reactive JSX expressions update this property in place.
EventHandleronBlurEventHandler—
Declares onBlur (optional). Reactive JSX expressions update this property in place.
EventHandlerkeymapKeymap—
onActionEventHandler—
draggableboolean | DragSource—
onDragStartEventHandler—
Declares onDragStart (optional). Reactive JSX expressions update this property in place.
EventHandleronDragEndEventHandler—
Declares onDragEnd (optional). Reactive JSX expressions update this property in place.
EventHandlerdropKindsDropKind | readonly DropKind[]—
Payload kinds this element accepts, declared ahead of the native drag.
DropKind | readonly DropKind[]onDropEventHandler—
Declares onDrop (optional). Reactive JSX expressions update this property in place.
EventHandleronFilesDroppedEventHandler—
Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.
EventHandlerscopestring—
side"top" | "bottom" | "left" | "right"—
Declares side (optional). Reactive JSX expressions update this property in place.
"top" | "bottom" | "left" | "right"align"start" | "center" | "end"—
Declares align (optional). Reactive JSX expressions update this property in place.
"start" | "center" | "end"sideOffsetnumber—
Declares sideOffset (optional). Reactive JSX expressions update this property in place.
numberAutocomplete.Popup
View sourceAutocomplete.Popup(props: JSX.NativeScopedProps): NativeNodeaccessibilityLabelstring—
Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.
stringchildrenunknown—
Declares children (optional). Reactive JSX expressions update this property in place.
unknownstyleStyleProp—
Layout, typography, paint, and interaction-state styles. Arrays merge left to right.
StylePropdisabledboolean—
Declares disabled (optional). Reactive JSX expressions update this property in place.
booleaninvalidboolean—
Expose web-style invalid state; the `style.invalid` variant paints while it is set.
booleanselectedboolean—
Expose web-style selected state; the `style.selected` variant paints while it is set.
booleangroupboolean | 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 | stringrolestring—
tabIndexnumber—
Declares tabIndex (optional). Reactive JSX expressions update this property in place.
numberfocusOnPointerboolean—
overlayboolean—
focusTrapboolean—
restorePreviousFocusboolean—
autoFocusboolean—
aria-modalboolean—
ariaModalboolean—
Declares ariaModal (optional). Reactive JSX expressions update this property in place.
booleandismissOnEscapeboolean—
Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.
booleandismissOnPointerOutsideboolean—
Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.
booleantooltipstring—
tooltipPlacementPopoverPlacement—
Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.
PopoverPlacementtooltipDelaynumber—
tooltipGapnumber—
Declares tooltipGap (optional). Reactive JSX expressions update this property in place.
numbertooltipViewportMarginnumber—
Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.
numberhitSlopnumber | string—
Declares hitSlop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopTopnumber | string—
Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopRightnumber | string—
Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopBottomnumber | string—
Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopLeftnumber | string—
Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.
number | stringaria-labelstring—
Declares aria-label (optional). Reactive JSX expressions update this property in place.
stringariaLabelstring—
Declares ariaLabel (optional). Reactive JSX expressions update this property in place.
stringref((node: NativeNode) => void) | NativeNode—
Declares ref (optional). Reactive JSX expressions update this property in place.
((node: NativeNode) => void) | NativeNodeonClickEventHandler—
Declares onClick (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseEnterEventHandler—
Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseLeaveEventHandler—
Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEnterEventHandler—
Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerLeaveEventHandler—
Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEventHandler—
Captured pointer stream from press through release/cancel, including outside the element.
EventHandleronInputEventHandler—
Declares onInput (optional). Reactive JSX expressions update this property in place.
EventHandleronChangeEventHandler—
Declares onChange (optional). Reactive JSX expressions update this property in place.
EventHandleronSubmitEventHandler—
Declares onSubmit (optional). Reactive JSX expressions update this property in place.
EventHandleronDismissEventHandler—
Declares onDismiss (optional). Reactive JSX expressions update this property in place.
EventHandleronKeyDownEventHandler—
Focused key press. Declare a `tabIndex` to make an ordinary container focusable.
EventHandleronKeyUpEventHandler—
Declares onKeyUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseDownEventHandler—
Declares onMouseDown (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseUpEventHandler—
Declares onMouseUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseMoveEventHandler—
Declares onMouseMove (optional). Reactive JSX expressions update this property in place.
EventHandleronDoubleClickEventHandler—
onWheelEventHandler—
Declares onWheel (optional). Reactive JSX expressions update this property in place.
EventHandleronContextMenuEventHandler—
onPinchEventHandler—
Declares onPinch (optional). Reactive JSX expressions update this property in place.
EventHandleronRotateEventHandler—
Declares onRotate (optional). Reactive JSX expressions update this property in place.
EventHandleronSmartMagnifyEventHandler—
Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.
EventHandleronPressureEventHandler—
Declares onPressure (optional). Reactive JSX expressions update this property in place.
EventHandleronFocusEventHandler—
Declares onFocus (optional). Reactive JSX expressions update this property in place.
EventHandleronBlurEventHandler—
Declares onBlur (optional). Reactive JSX expressions update this property in place.
EventHandlerkeymapKeymap—
onActionEventHandler—
draggableboolean | DragSource—
onDragStartEventHandler—
Declares onDragStart (optional). Reactive JSX expressions update this property in place.
EventHandleronDragEndEventHandler—
Declares onDragEnd (optional). Reactive JSX expressions update this property in place.
EventHandlerdropKindsDropKind | readonly DropKind[]—
Payload kinds this element accepts, declared ahead of the native drag.
DropKind | readonly DropKind[]onDropEventHandler—
Declares onDrop (optional). Reactive JSX expressions update this property in place.
EventHandleronFilesDroppedEventHandler—
Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.
EventHandlerscopestring—
Autocomplete.Arrow
View sourceAutocomplete.Arrow(props: JSX.NativeScopedProps): NativeNodeaccessibilityLabelstring—
Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.
stringchildrenunknown—
Declares children (optional). Reactive JSX expressions update this property in place.
unknownstyleStyleProp—
Layout, typography, paint, and interaction-state styles. Arrays merge left to right.
StylePropdisabledboolean—
Declares disabled (optional). Reactive JSX expressions update this property in place.
booleaninvalidboolean—
Expose web-style invalid state; the `style.invalid` variant paints while it is set.
booleanselectedboolean—
Expose web-style selected state; the `style.selected` variant paints while it is set.
booleangroupboolean | 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 | stringrolestring—
tabIndexnumber—
Declares tabIndex (optional). Reactive JSX expressions update this property in place.
numberfocusOnPointerboolean—
overlayboolean—
focusTrapboolean—
restorePreviousFocusboolean—
autoFocusboolean—
aria-modalboolean—
ariaModalboolean—
Declares ariaModal (optional). Reactive JSX expressions update this property in place.
booleandismissOnEscapeboolean—
Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.
booleandismissOnPointerOutsideboolean—
Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.
booleantooltipstring—
tooltipPlacementPopoverPlacement—
Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.
PopoverPlacementtooltipDelaynumber—
tooltipGapnumber—
Declares tooltipGap (optional). Reactive JSX expressions update this property in place.
numbertooltipViewportMarginnumber—
Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.
numberhitSlopnumber | string—
Declares hitSlop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopTopnumber | string—
Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopRightnumber | string—
Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopBottomnumber | string—
Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopLeftnumber | string—
Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.
number | stringaria-labelstring—
Declares aria-label (optional). Reactive JSX expressions update this property in place.
stringariaLabelstring—
Declares ariaLabel (optional). Reactive JSX expressions update this property in place.
stringref((node: NativeNode) => void) | NativeNode—
Declares ref (optional). Reactive JSX expressions update this property in place.
((node: NativeNode) => void) | NativeNodeonClickEventHandler—
Declares onClick (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseEnterEventHandler—
Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseLeaveEventHandler—
Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEnterEventHandler—
Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerLeaveEventHandler—
Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEventHandler—
Captured pointer stream from press through release/cancel, including outside the element.
EventHandleronInputEventHandler—
Declares onInput (optional). Reactive JSX expressions update this property in place.
EventHandleronChangeEventHandler—
Declares onChange (optional). Reactive JSX expressions update this property in place.
EventHandleronSubmitEventHandler—
Declares onSubmit (optional). Reactive JSX expressions update this property in place.
EventHandleronDismissEventHandler—
Declares onDismiss (optional). Reactive JSX expressions update this property in place.
EventHandleronKeyDownEventHandler—
Focused key press. Declare a `tabIndex` to make an ordinary container focusable.
EventHandleronKeyUpEventHandler—
Declares onKeyUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseDownEventHandler—
Declares onMouseDown (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseUpEventHandler—
Declares onMouseUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseMoveEventHandler—
Declares onMouseMove (optional). Reactive JSX expressions update this property in place.
EventHandleronDoubleClickEventHandler—
onWheelEventHandler—
Declares onWheel (optional). Reactive JSX expressions update this property in place.
EventHandleronContextMenuEventHandler—
onPinchEventHandler—
Declares onPinch (optional). Reactive JSX expressions update this property in place.
EventHandleronRotateEventHandler—
Declares onRotate (optional). Reactive JSX expressions update this property in place.
EventHandleronSmartMagnifyEventHandler—
Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.
EventHandleronPressureEventHandler—
Declares onPressure (optional). Reactive JSX expressions update this property in place.
EventHandleronFocusEventHandler—
Declares onFocus (optional). Reactive JSX expressions update this property in place.
EventHandleronBlurEventHandler—
Declares onBlur (optional). Reactive JSX expressions update this property in place.
EventHandlerkeymapKeymap—
onActionEventHandler—
draggableboolean | DragSource—
onDragStartEventHandler—
Declares onDragStart (optional). Reactive JSX expressions update this property in place.
EventHandleronDragEndEventHandler—
Declares onDragEnd (optional). Reactive JSX expressions update this property in place.
EventHandlerdropKindsDropKind | readonly DropKind[]—
Payload kinds this element accepts, declared ahead of the native drag.
DropKind | readonly DropKind[]onDropEventHandler—
Declares onDrop (optional). Reactive JSX expressions update this property in place.
EventHandleronFilesDroppedEventHandler—
Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.
EventHandlerscopestring—
Autocomplete.Status
View sourceAutocomplete.Status(props: JSX.NativeScopedProps): NativeNodeaccessibilityLabelstring—
Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.
stringchildrenunknown—
Declares children (optional). Reactive JSX expressions update this property in place.
unknownstyleStyleProp—
Layout, typography, paint, and interaction-state styles. Arrays merge left to right.
StylePropdisabledboolean—
Declares disabled (optional). Reactive JSX expressions update this property in place.
booleaninvalidboolean—
Expose web-style invalid state; the `style.invalid` variant paints while it is set.
booleanselectedboolean—
Expose web-style selected state; the `style.selected` variant paints while it is set.
booleangroupboolean | 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 | stringrolestring—
tabIndexnumber—
Declares tabIndex (optional). Reactive JSX expressions update this property in place.
numberfocusOnPointerboolean—
overlayboolean—
focusTrapboolean—
restorePreviousFocusboolean—
autoFocusboolean—
aria-modalboolean—
ariaModalboolean—
Declares ariaModal (optional). Reactive JSX expressions update this property in place.
booleandismissOnEscapeboolean—
Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.
booleandismissOnPointerOutsideboolean—
Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.
booleantooltipstring—
tooltipPlacementPopoverPlacement—
Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.
PopoverPlacementtooltipDelaynumber—
tooltipGapnumber—
Declares tooltipGap (optional). Reactive JSX expressions update this property in place.
numbertooltipViewportMarginnumber—
Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.
numberhitSlopnumber | string—
Declares hitSlop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopTopnumber | string—
Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopRightnumber | string—
Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopBottomnumber | string—
Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopLeftnumber | string—
Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.
number | stringaria-labelstring—
Declares aria-label (optional). Reactive JSX expressions update this property in place.
stringariaLabelstring—
Declares ariaLabel (optional). Reactive JSX expressions update this property in place.
stringref((node: NativeNode) => void) | NativeNode—
Declares ref (optional). Reactive JSX expressions update this property in place.
((node: NativeNode) => void) | NativeNodeonClickEventHandler—
Declares onClick (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseEnterEventHandler—
Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseLeaveEventHandler—
Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEnterEventHandler—
Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerLeaveEventHandler—
Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEventHandler—
Captured pointer stream from press through release/cancel, including outside the element.
EventHandleronInputEventHandler—
Declares onInput (optional). Reactive JSX expressions update this property in place.
EventHandleronChangeEventHandler—
Declares onChange (optional). Reactive JSX expressions update this property in place.
EventHandleronSubmitEventHandler—
Declares onSubmit (optional). Reactive JSX expressions update this property in place.
EventHandleronDismissEventHandler—
Declares onDismiss (optional). Reactive JSX expressions update this property in place.
EventHandleronKeyDownEventHandler—
Focused key press. Declare a `tabIndex` to make an ordinary container focusable.
EventHandleronKeyUpEventHandler—
Declares onKeyUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseDownEventHandler—
Declares onMouseDown (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseUpEventHandler—
Declares onMouseUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseMoveEventHandler—
Declares onMouseMove (optional). Reactive JSX expressions update this property in place.
EventHandleronDoubleClickEventHandler—
onWheelEventHandler—
Declares onWheel (optional). Reactive JSX expressions update this property in place.
EventHandleronContextMenuEventHandler—
onPinchEventHandler—
Declares onPinch (optional). Reactive JSX expressions update this property in place.
EventHandleronRotateEventHandler—
Declares onRotate (optional). Reactive JSX expressions update this property in place.
EventHandleronSmartMagnifyEventHandler—
Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.
EventHandleronPressureEventHandler—
Declares onPressure (optional). Reactive JSX expressions update this property in place.
EventHandleronFocusEventHandler—
Declares onFocus (optional). Reactive JSX expressions update this property in place.
EventHandleronBlurEventHandler—
Declares onBlur (optional). Reactive JSX expressions update this property in place.
EventHandlerkeymapKeymap—
onActionEventHandler—
draggableboolean | DragSource—
onDragStartEventHandler—
Declares onDragStart (optional). Reactive JSX expressions update this property in place.
EventHandleronDragEndEventHandler—
Declares onDragEnd (optional). Reactive JSX expressions update this property in place.
EventHandlerdropKindsDropKind | readonly DropKind[]—
Payload kinds this element accepts, declared ahead of the native drag.
DropKind | readonly DropKind[]onDropEventHandler—
Declares onDrop (optional). Reactive JSX expressions update this property in place.
EventHandleronFilesDroppedEventHandler—
Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.
EventHandlerscopestring—
Autocomplete.Empty
View sourceAutocomplete.Empty(props: JSX.NativeScopedProps): NativeNodeaccessibilityLabelstring—
Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.
stringchildrenunknown—
Declares children (optional). Reactive JSX expressions update this property in place.
unknownstyleStyleProp—
Layout, typography, paint, and interaction-state styles. Arrays merge left to right.
StylePropdisabledboolean—
Declares disabled (optional). Reactive JSX expressions update this property in place.
booleaninvalidboolean—
Expose web-style invalid state; the `style.invalid` variant paints while it is set.
booleanselectedboolean—
Expose web-style selected state; the `style.selected` variant paints while it is set.
booleangroupboolean | 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 | stringrolestring—
tabIndexnumber—
Declares tabIndex (optional). Reactive JSX expressions update this property in place.
numberfocusOnPointerboolean—
overlayboolean—
focusTrapboolean—
restorePreviousFocusboolean—
autoFocusboolean—
aria-modalboolean—
ariaModalboolean—
Declares ariaModal (optional). Reactive JSX expressions update this property in place.
booleandismissOnEscapeboolean—
Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.
booleandismissOnPointerOutsideboolean—
Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.
booleantooltipstring—
tooltipPlacementPopoverPlacement—
Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.
PopoverPlacementtooltipDelaynumber—
tooltipGapnumber—
Declares tooltipGap (optional). Reactive JSX expressions update this property in place.
numbertooltipViewportMarginnumber—
Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.
numberhitSlopnumber | string—
Declares hitSlop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopTopnumber | string—
Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopRightnumber | string—
Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopBottomnumber | string—
Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopLeftnumber | string—
Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.
number | stringaria-labelstring—
Declares aria-label (optional). Reactive JSX expressions update this property in place.
stringariaLabelstring—
Declares ariaLabel (optional). Reactive JSX expressions update this property in place.
stringref((node: NativeNode) => void) | NativeNode—
Declares ref (optional). Reactive JSX expressions update this property in place.
((node: NativeNode) => void) | NativeNodeonClickEventHandler—
Declares onClick (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseEnterEventHandler—
Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseLeaveEventHandler—
Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEnterEventHandler—
Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerLeaveEventHandler—
Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEventHandler—
Captured pointer stream from press through release/cancel, including outside the element.
EventHandleronInputEventHandler—
Declares onInput (optional). Reactive JSX expressions update this property in place.
EventHandleronChangeEventHandler—
Declares onChange (optional). Reactive JSX expressions update this property in place.
EventHandleronSubmitEventHandler—
Declares onSubmit (optional). Reactive JSX expressions update this property in place.
EventHandleronDismissEventHandler—
Declares onDismiss (optional). Reactive JSX expressions update this property in place.
EventHandleronKeyDownEventHandler—
Focused key press. Declare a `tabIndex` to make an ordinary container focusable.
EventHandleronKeyUpEventHandler—
Declares onKeyUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseDownEventHandler—
Declares onMouseDown (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseUpEventHandler—
Declares onMouseUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseMoveEventHandler—
Declares onMouseMove (optional). Reactive JSX expressions update this property in place.
EventHandleronDoubleClickEventHandler—
onWheelEventHandler—
Declares onWheel (optional). Reactive JSX expressions update this property in place.
EventHandleronContextMenuEventHandler—
onPinchEventHandler—
Declares onPinch (optional). Reactive JSX expressions update this property in place.
EventHandleronRotateEventHandler—
Declares onRotate (optional). Reactive JSX expressions update this property in place.
EventHandleronSmartMagnifyEventHandler—
Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.
EventHandleronPressureEventHandler—
Declares onPressure (optional). Reactive JSX expressions update this property in place.
EventHandleronFocusEventHandler—
Declares onFocus (optional). Reactive JSX expressions update this property in place.
EventHandleronBlurEventHandler—
Declares onBlur (optional). Reactive JSX expressions update this property in place.
EventHandlerkeymapKeymap—
onActionEventHandler—
draggableboolean | DragSource—
onDragStartEventHandler—
Declares onDragStart (optional). Reactive JSX expressions update this property in place.
EventHandleronDragEndEventHandler—
Declares onDragEnd (optional). Reactive JSX expressions update this property in place.
EventHandlerdropKindsDropKind | readonly DropKind[]—
Payload kinds this element accepts, declared ahead of the native drag.
DropKind | readonly DropKind[]onDropEventHandler—
Declares onDrop (optional). Reactive JSX expressions update this property in place.
EventHandleronFilesDroppedEventHandler—
Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.
EventHandlerscopestring—
Autocomplete.List
View sourceAutocomplete.List(props: JSX.NativeScopedProps): NativeNodeaccessibilityLabelstring—
Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.
stringchildrenunknown—
Declares children (optional). Reactive JSX expressions update this property in place.
unknownstyleStyleProp—
Layout, typography, paint, and interaction-state styles. Arrays merge left to right.
StylePropdisabledboolean—
Declares disabled (optional). Reactive JSX expressions update this property in place.
booleaninvalidboolean—
Expose web-style invalid state; the `style.invalid` variant paints while it is set.
booleanselectedboolean—
Expose web-style selected state; the `style.selected` variant paints while it is set.
booleangroupboolean | 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 | stringrolestring—
tabIndexnumber—
Declares tabIndex (optional). Reactive JSX expressions update this property in place.
numberfocusOnPointerboolean—
overlayboolean—
focusTrapboolean—
restorePreviousFocusboolean—
autoFocusboolean—
aria-modalboolean—
ariaModalboolean—
Declares ariaModal (optional). Reactive JSX expressions update this property in place.
booleandismissOnEscapeboolean—
Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.
booleandismissOnPointerOutsideboolean—
Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.
booleantooltipstring—
tooltipPlacementPopoverPlacement—
Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.
PopoverPlacementtooltipDelaynumber—
tooltipGapnumber—
Declares tooltipGap (optional). Reactive JSX expressions update this property in place.
numbertooltipViewportMarginnumber—
Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.
numberhitSlopnumber | string—
Declares hitSlop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopTopnumber | string—
Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopRightnumber | string—
Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopBottomnumber | string—
Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopLeftnumber | string—
Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.
number | stringaria-labelstring—
Declares aria-label (optional). Reactive JSX expressions update this property in place.
stringariaLabelstring—
Declares ariaLabel (optional). Reactive JSX expressions update this property in place.
stringref((node: NativeNode) => void) | NativeNode—
Declares ref (optional). Reactive JSX expressions update this property in place.
((node: NativeNode) => void) | NativeNodeonClickEventHandler—
Declares onClick (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseEnterEventHandler—
Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseLeaveEventHandler—
Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEnterEventHandler—
Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerLeaveEventHandler—
Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEventHandler—
Captured pointer stream from press through release/cancel, including outside the element.
EventHandleronInputEventHandler—
Declares onInput (optional). Reactive JSX expressions update this property in place.
EventHandleronChangeEventHandler—
Declares onChange (optional). Reactive JSX expressions update this property in place.
EventHandleronSubmitEventHandler—
Declares onSubmit (optional). Reactive JSX expressions update this property in place.
EventHandleronDismissEventHandler—
Declares onDismiss (optional). Reactive JSX expressions update this property in place.
EventHandleronKeyDownEventHandler—
Focused key press. Declare a `tabIndex` to make an ordinary container focusable.
EventHandleronKeyUpEventHandler—
Declares onKeyUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseDownEventHandler—
Declares onMouseDown (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseUpEventHandler—
Declares onMouseUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseMoveEventHandler—
Declares onMouseMove (optional). Reactive JSX expressions update this property in place.
EventHandleronDoubleClickEventHandler—
onWheelEventHandler—
Declares onWheel (optional). Reactive JSX expressions update this property in place.
EventHandleronContextMenuEventHandler—
onPinchEventHandler—
Declares onPinch (optional). Reactive JSX expressions update this property in place.
EventHandleronRotateEventHandler—
Declares onRotate (optional). Reactive JSX expressions update this property in place.
EventHandleronSmartMagnifyEventHandler—
Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.
EventHandleronPressureEventHandler—
Declares onPressure (optional). Reactive JSX expressions update this property in place.
EventHandleronFocusEventHandler—
Declares onFocus (optional). Reactive JSX expressions update this property in place.
EventHandleronBlurEventHandler—
Declares onBlur (optional). Reactive JSX expressions update this property in place.
EventHandlerkeymapKeymap—
onActionEventHandler—
draggableboolean | DragSource—
onDragStartEventHandler—
Declares onDragStart (optional). Reactive JSX expressions update this property in place.
EventHandleronDragEndEventHandler—
Declares onDragEnd (optional). Reactive JSX expressions update this property in place.
EventHandlerdropKindsDropKind | readonly DropKind[]—
Payload kinds this element accepts, declared ahead of the native drag.
DropKind | readonly DropKind[]onDropEventHandler—
Declares onDrop (optional). Reactive JSX expressions update this property in place.
EventHandleronFilesDroppedEventHandler—
Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.
EventHandlerscopestring—
Autocomplete.Item
View sourceAutocomplete.Item(props: JSX.OptionProps): NativeNodeaccessibilityLabelstring—
Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.
stringchildrenunknown—
Declares children (optional). Reactive JSX expressions update this property in place.
unknownstyleStyleProp—
Layout, typography, paint, and interaction-state styles. Arrays merge left to right.
StylePropdisabledboolean—
Declares disabled (optional). Reactive JSX expressions update this property in place.
booleaninvalidboolean—
Expose web-style invalid state; the `style.invalid` variant paints while it is set.
booleanselectedboolean—
Expose web-style selected state; the `style.selected` variant paints while it is set.
booleangroupboolean | 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 | stringrolestring—
tabIndexnumber—
Declares tabIndex (optional). Reactive JSX expressions update this property in place.
numberfocusOnPointerboolean—
overlayboolean—
focusTrapboolean—
restorePreviousFocusboolean—
autoFocusboolean—
aria-modalboolean—
ariaModalboolean—
Declares ariaModal (optional). Reactive JSX expressions update this property in place.
booleandismissOnEscapeboolean—
Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.
booleandismissOnPointerOutsideboolean—
Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.
booleantooltipstring—
tooltipPlacementPopoverPlacement—
Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.
PopoverPlacementtooltipDelaynumber—
tooltipGapnumber—
Declares tooltipGap (optional). Reactive JSX expressions update this property in place.
numbertooltipViewportMarginnumber—
Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.
numberhitSlopnumber | string—
Declares hitSlop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopTopnumber | string—
Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopRightnumber | string—
Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopBottomnumber | string—
Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopLeftnumber | string—
Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.
number | stringaria-labelstring—
Declares aria-label (optional). Reactive JSX expressions update this property in place.
stringariaLabelstring—
Declares ariaLabel (optional). Reactive JSX expressions update this property in place.
stringref((node: NativeNode) => void) | NativeNode—
Declares ref (optional). Reactive JSX expressions update this property in place.
((node: NativeNode) => void) | NativeNodeonClickEventHandler—
Declares onClick (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseEnterEventHandler—
Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseLeaveEventHandler—
Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEnterEventHandler—
Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerLeaveEventHandler—
Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEventHandler—
Captured pointer stream from press through release/cancel, including outside the element.
EventHandleronInputEventHandler—
Declares onInput (optional). Reactive JSX expressions update this property in place.
EventHandleronChangeEventHandler—
Declares onChange (optional). Reactive JSX expressions update this property in place.
EventHandleronSubmitEventHandler—
Declares onSubmit (optional). Reactive JSX expressions update this property in place.
EventHandleronDismissEventHandler—
Declares onDismiss (optional). Reactive JSX expressions update this property in place.
EventHandleronKeyDownEventHandler—
Focused key press. Declare a `tabIndex` to make an ordinary container focusable.
EventHandleronKeyUpEventHandler—
Declares onKeyUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseDownEventHandler—
Declares onMouseDown (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseUpEventHandler—
Declares onMouseUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseMoveEventHandler—
Declares onMouseMove (optional). Reactive JSX expressions update this property in place.
EventHandleronDoubleClickEventHandler—
onWheelEventHandler—
Declares onWheel (optional). Reactive JSX expressions update this property in place.
EventHandleronContextMenuEventHandler—
onPinchEventHandler—
Declares onPinch (optional). Reactive JSX expressions update this property in place.
EventHandleronRotateEventHandler—
Declares onRotate (optional). Reactive JSX expressions update this property in place.
EventHandleronSmartMagnifyEventHandler—
Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.
EventHandleronPressureEventHandler—
Declares onPressure (optional). Reactive JSX expressions update this property in place.
EventHandleronFocusEventHandler—
Declares onFocus (optional). Reactive JSX expressions update this property in place.
EventHandleronBlurEventHandler—
Declares onBlur (optional). Reactive JSX expressions update this property in place.
EventHandlerkeymapKeymap—
onActionEventHandler—
draggableboolean | DragSource—
onDragStartEventHandler—
Declares onDragStart (optional). Reactive JSX expressions update this property in place.
EventHandleronDragEndEventHandler—
Declares onDragEnd (optional). Reactive JSX expressions update this property in place.
EventHandlerdropKindsDropKind | readonly DropKind[]—
Payload kinds this element accepts, declared ahead of the native drag.
DropKind | readonly DropKind[]onDropEventHandler—
Declares onDrop (optional). Reactive JSX expressions update this property in place.
EventHandleronFilesDroppedEventHandler—
Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.
EventHandlerscopestring—
partValuestring—
labelstring—
valueTextstring—
Autocomplete.ItemIndicator
View sourceAutocomplete.ItemIndicator(props: JSX.NativeScopedProps): NativeNodeaccessibilityLabelstring—
Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.
stringchildrenunknown—
Declares children (optional). Reactive JSX expressions update this property in place.
unknownstyleStyleProp—
Layout, typography, paint, and interaction-state styles. Arrays merge left to right.
StylePropdisabledboolean—
Declares disabled (optional). Reactive JSX expressions update this property in place.
booleaninvalidboolean—
Expose web-style invalid state; the `style.invalid` variant paints while it is set.
booleanselectedboolean—
Expose web-style selected state; the `style.selected` variant paints while it is set.
booleangroupboolean | 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 | stringrolestring—
tabIndexnumber—
Declares tabIndex (optional). Reactive JSX expressions update this property in place.
numberfocusOnPointerboolean—
overlayboolean—
focusTrapboolean—
restorePreviousFocusboolean—
autoFocusboolean—
aria-modalboolean—
ariaModalboolean—
Declares ariaModal (optional). Reactive JSX expressions update this property in place.
booleandismissOnEscapeboolean—
Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.
booleandismissOnPointerOutsideboolean—
Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.
booleantooltipstring—
tooltipPlacementPopoverPlacement—
Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.
PopoverPlacementtooltipDelaynumber—
tooltipGapnumber—
Declares tooltipGap (optional). Reactive JSX expressions update this property in place.
numbertooltipViewportMarginnumber—
Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.
numberhitSlopnumber | string—
Declares hitSlop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopTopnumber | string—
Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopRightnumber | string—
Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopBottomnumber | string—
Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopLeftnumber | string—
Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.
number | stringaria-labelstring—
Declares aria-label (optional). Reactive JSX expressions update this property in place.
stringariaLabelstring—
Declares ariaLabel (optional). Reactive JSX expressions update this property in place.
stringref((node: NativeNode) => void) | NativeNode—
Declares ref (optional). Reactive JSX expressions update this property in place.
((node: NativeNode) => void) | NativeNodeonClickEventHandler—
Declares onClick (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseEnterEventHandler—
Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseLeaveEventHandler—
Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEnterEventHandler—
Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerLeaveEventHandler—
Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEventHandler—
Captured pointer stream from press through release/cancel, including outside the element.
EventHandleronInputEventHandler—
Declares onInput (optional). Reactive JSX expressions update this property in place.
EventHandleronChangeEventHandler—
Declares onChange (optional). Reactive JSX expressions update this property in place.
EventHandleronSubmitEventHandler—
Declares onSubmit (optional). Reactive JSX expressions update this property in place.
EventHandleronDismissEventHandler—
Declares onDismiss (optional). Reactive JSX expressions update this property in place.
EventHandleronKeyDownEventHandler—
Focused key press. Declare a `tabIndex` to make an ordinary container focusable.
EventHandleronKeyUpEventHandler—
Declares onKeyUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseDownEventHandler—
Declares onMouseDown (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseUpEventHandler—
Declares onMouseUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseMoveEventHandler—
Declares onMouseMove (optional). Reactive JSX expressions update this property in place.
EventHandleronDoubleClickEventHandler—
onWheelEventHandler—
Declares onWheel (optional). Reactive JSX expressions update this property in place.
EventHandleronContextMenuEventHandler—
onPinchEventHandler—
Declares onPinch (optional). Reactive JSX expressions update this property in place.
EventHandleronRotateEventHandler—
Declares onRotate (optional). Reactive JSX expressions update this property in place.
EventHandleronSmartMagnifyEventHandler—
Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.
EventHandleronPressureEventHandler—
Declares onPressure (optional). Reactive JSX expressions update this property in place.
EventHandleronFocusEventHandler—
Declares onFocus (optional). Reactive JSX expressions update this property in place.
EventHandleronBlurEventHandler—
Declares onBlur (optional). Reactive JSX expressions update this property in place.
EventHandlerkeymapKeymap—
onActionEventHandler—
draggableboolean | DragSource—
onDragStartEventHandler—
Declares onDragStart (optional). Reactive JSX expressions update this property in place.
EventHandleronDragEndEventHandler—
Declares onDragEnd (optional). Reactive JSX expressions update this property in place.
EventHandlerdropKindsDropKind | readonly DropKind[]—
Payload kinds this element accepts, declared ahead of the native drag.
DropKind | readonly DropKind[]onDropEventHandler—
Declares onDrop (optional). Reactive JSX expressions update this property in place.
EventHandleronFilesDroppedEventHandler—
Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.
EventHandlerscopestring—
Autocomplete.Group
View sourceAutocomplete.Group(props: JSX.OptionProps): NativeNodeaccessibilityLabelstring—
Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.
stringchildrenunknown—
Declares children (optional). Reactive JSX expressions update this property in place.
unknownstyleStyleProp—
Layout, typography, paint, and interaction-state styles. Arrays merge left to right.
StylePropdisabledboolean—
Declares disabled (optional). Reactive JSX expressions update this property in place.
booleaninvalidboolean—
Expose web-style invalid state; the `style.invalid` variant paints while it is set.
booleanselectedboolean—
Expose web-style selected state; the `style.selected` variant paints while it is set.
booleangroupboolean | 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 | stringrolestring—
tabIndexnumber—
Declares tabIndex (optional). Reactive JSX expressions update this property in place.
numberfocusOnPointerboolean—
overlayboolean—
focusTrapboolean—
restorePreviousFocusboolean—
autoFocusboolean—
aria-modalboolean—
ariaModalboolean—
Declares ariaModal (optional). Reactive JSX expressions update this property in place.
booleandismissOnEscapeboolean—
Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.
booleandismissOnPointerOutsideboolean—
Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.
booleantooltipstring—
tooltipPlacementPopoverPlacement—
Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.
PopoverPlacementtooltipDelaynumber—
tooltipGapnumber—
Declares tooltipGap (optional). Reactive JSX expressions update this property in place.
numbertooltipViewportMarginnumber—
Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.
numberhitSlopnumber | string—
Declares hitSlop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopTopnumber | string—
Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopRightnumber | string—
Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopBottomnumber | string—
Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopLeftnumber | string—
Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.
number | stringaria-labelstring—
Declares aria-label (optional). Reactive JSX expressions update this property in place.
stringariaLabelstring—
Declares ariaLabel (optional). Reactive JSX expressions update this property in place.
stringref((node: NativeNode) => void) | NativeNode—
Declares ref (optional). Reactive JSX expressions update this property in place.
((node: NativeNode) => void) | NativeNodeonClickEventHandler—
Declares onClick (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseEnterEventHandler—
Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseLeaveEventHandler—
Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEnterEventHandler—
Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerLeaveEventHandler—
Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEventHandler—
Captured pointer stream from press through release/cancel, including outside the element.
EventHandleronInputEventHandler—
Declares onInput (optional). Reactive JSX expressions update this property in place.
EventHandleronChangeEventHandler—
Declares onChange (optional). Reactive JSX expressions update this property in place.
EventHandleronSubmitEventHandler—
Declares onSubmit (optional). Reactive JSX expressions update this property in place.
EventHandleronDismissEventHandler—
Declares onDismiss (optional). Reactive JSX expressions update this property in place.
EventHandleronKeyDownEventHandler—
Focused key press. Declare a `tabIndex` to make an ordinary container focusable.
EventHandleronKeyUpEventHandler—
Declares onKeyUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseDownEventHandler—
Declares onMouseDown (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseUpEventHandler—
Declares onMouseUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseMoveEventHandler—
Declares onMouseMove (optional). Reactive JSX expressions update this property in place.
EventHandleronDoubleClickEventHandler—
onWheelEventHandler—
Declares onWheel (optional). Reactive JSX expressions update this property in place.
EventHandleronContextMenuEventHandler—
onPinchEventHandler—
Declares onPinch (optional). Reactive JSX expressions update this property in place.
EventHandleronRotateEventHandler—
Declares onRotate (optional). Reactive JSX expressions update this property in place.
EventHandleronSmartMagnifyEventHandler—
Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.
EventHandleronPressureEventHandler—
Declares onPressure (optional). Reactive JSX expressions update this property in place.
EventHandleronFocusEventHandler—
Declares onFocus (optional). Reactive JSX expressions update this property in place.
EventHandleronBlurEventHandler—
Declares onBlur (optional). Reactive JSX expressions update this property in place.
EventHandlerkeymapKeymap—
onActionEventHandler—
draggableboolean | DragSource—
onDragStartEventHandler—
Declares onDragStart (optional). Reactive JSX expressions update this property in place.
EventHandleronDragEndEventHandler—
Declares onDragEnd (optional). Reactive JSX expressions update this property in place.
EventHandlerdropKindsDropKind | readonly DropKind[]—
Payload kinds this element accepts, declared ahead of the native drag.
DropKind | readonly DropKind[]onDropEventHandler—
Declares onDrop (optional). Reactive JSX expressions update this property in place.
EventHandleronFilesDroppedEventHandler—
Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.
EventHandlerscopestring—
partValuestring—
labelstring—
valueTextstring—
Autocomplete.GroupLabel
View sourceAutocomplete.GroupLabel(props: JSX.NativeScopedProps): NativeNodeaccessibilityLabelstring—
Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.
stringchildrenunknown—
Declares children (optional). Reactive JSX expressions update this property in place.
unknownstyleStyleProp—
Layout, typography, paint, and interaction-state styles. Arrays merge left to right.
StylePropdisabledboolean—
Declares disabled (optional). Reactive JSX expressions update this property in place.
booleaninvalidboolean—
Expose web-style invalid state; the `style.invalid` variant paints while it is set.
booleanselectedboolean—
Expose web-style selected state; the `style.selected` variant paints while it is set.
booleangroupboolean | 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 | stringrolestring—
tabIndexnumber—
Declares tabIndex (optional). Reactive JSX expressions update this property in place.
numberfocusOnPointerboolean—
overlayboolean—
focusTrapboolean—
restorePreviousFocusboolean—
autoFocusboolean—
aria-modalboolean—
ariaModalboolean—
Declares ariaModal (optional). Reactive JSX expressions update this property in place.
booleandismissOnEscapeboolean—
Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.
booleandismissOnPointerOutsideboolean—
Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.
booleantooltipstring—
tooltipPlacementPopoverPlacement—
Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.
PopoverPlacementtooltipDelaynumber—
tooltipGapnumber—
Declares tooltipGap (optional). Reactive JSX expressions update this property in place.
numbertooltipViewportMarginnumber—
Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.
numberhitSlopnumber | string—
Declares hitSlop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopTopnumber | string—
Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopRightnumber | string—
Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopBottomnumber | string—
Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopLeftnumber | string—
Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.
number | stringaria-labelstring—
Declares aria-label (optional). Reactive JSX expressions update this property in place.
stringariaLabelstring—
Declares ariaLabel (optional). Reactive JSX expressions update this property in place.
stringref((node: NativeNode) => void) | NativeNode—
Declares ref (optional). Reactive JSX expressions update this property in place.
((node: NativeNode) => void) | NativeNodeonClickEventHandler—
Declares onClick (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseEnterEventHandler—
Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseLeaveEventHandler—
Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEnterEventHandler—
Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerLeaveEventHandler—
Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEventHandler—
Captured pointer stream from press through release/cancel, including outside the element.
EventHandleronInputEventHandler—
Declares onInput (optional). Reactive JSX expressions update this property in place.
EventHandleronChangeEventHandler—
Declares onChange (optional). Reactive JSX expressions update this property in place.
EventHandleronSubmitEventHandler—
Declares onSubmit (optional). Reactive JSX expressions update this property in place.
EventHandleronDismissEventHandler—
Declares onDismiss (optional). Reactive JSX expressions update this property in place.
EventHandleronKeyDownEventHandler—
Focused key press. Declare a `tabIndex` to make an ordinary container focusable.
EventHandleronKeyUpEventHandler—
Declares onKeyUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseDownEventHandler—
Declares onMouseDown (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseUpEventHandler—
Declares onMouseUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseMoveEventHandler—
Declares onMouseMove (optional). Reactive JSX expressions update this property in place.
EventHandleronDoubleClickEventHandler—
onWheelEventHandler—
Declares onWheel (optional). Reactive JSX expressions update this property in place.
EventHandleronContextMenuEventHandler—
onPinchEventHandler—
Declares onPinch (optional). Reactive JSX expressions update this property in place.
EventHandleronRotateEventHandler—
Declares onRotate (optional). Reactive JSX expressions update this property in place.
EventHandleronSmartMagnifyEventHandler—
Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.
EventHandleronPressureEventHandler—
Declares onPressure (optional). Reactive JSX expressions update this property in place.
EventHandleronFocusEventHandler—
Declares onFocus (optional). Reactive JSX expressions update this property in place.
EventHandleronBlurEventHandler—
Declares onBlur (optional). Reactive JSX expressions update this property in place.
EventHandlerkeymapKeymap—
onActionEventHandler—
draggableboolean | DragSource—
onDragStartEventHandler—
Declares onDragStart (optional). Reactive JSX expressions update this property in place.
EventHandleronDragEndEventHandler—
Declares onDragEnd (optional). Reactive JSX expressions update this property in place.
EventHandlerdropKindsDropKind | readonly DropKind[]—
Payload kinds this element accepts, declared ahead of the native drag.
DropKind | readonly DropKind[]onDropEventHandler—
Declares onDrop (optional). Reactive JSX expressions update this property in place.
EventHandleronFilesDroppedEventHandler—
Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.
EventHandlerscopestring—
Autocomplete.Collection
View sourceAutocomplete.Collection(props: JSX.NativeScopedProps): NativeNodeaccessibilityLabelstring—
Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.
stringchildrenunknown—
Declares children (optional). Reactive JSX expressions update this property in place.
unknownstyleStyleProp—
Layout, typography, paint, and interaction-state styles. Arrays merge left to right.
StylePropdisabledboolean—
Declares disabled (optional). Reactive JSX expressions update this property in place.
booleaninvalidboolean—
Expose web-style invalid state; the `style.invalid` variant paints while it is set.
booleanselectedboolean—
Expose web-style selected state; the `style.selected` variant paints while it is set.
booleangroupboolean | 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 | stringrolestring—
tabIndexnumber—
Declares tabIndex (optional). Reactive JSX expressions update this property in place.
numberfocusOnPointerboolean—
overlayboolean—
focusTrapboolean—
restorePreviousFocusboolean—
autoFocusboolean—
aria-modalboolean—
ariaModalboolean—
Declares ariaModal (optional). Reactive JSX expressions update this property in place.
booleandismissOnEscapeboolean—
Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.
booleandismissOnPointerOutsideboolean—
Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.
booleantooltipstring—
tooltipPlacementPopoverPlacement—
Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.
PopoverPlacementtooltipDelaynumber—
tooltipGapnumber—
Declares tooltipGap (optional). Reactive JSX expressions update this property in place.
numbertooltipViewportMarginnumber—
Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.
numberhitSlopnumber | string—
Declares hitSlop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopTopnumber | string—
Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopRightnumber | string—
Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopBottomnumber | string—
Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopLeftnumber | string—
Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.
number | stringaria-labelstring—
Declares aria-label (optional). Reactive JSX expressions update this property in place.
stringariaLabelstring—
Declares ariaLabel (optional). Reactive JSX expressions update this property in place.
stringref((node: NativeNode) => void) | NativeNode—
Declares ref (optional). Reactive JSX expressions update this property in place.
((node: NativeNode) => void) | NativeNodeonClickEventHandler—
Declares onClick (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseEnterEventHandler—
Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseLeaveEventHandler—
Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEnterEventHandler—
Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerLeaveEventHandler—
Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEventHandler—
Captured pointer stream from press through release/cancel, including outside the element.
EventHandleronInputEventHandler—
Declares onInput (optional). Reactive JSX expressions update this property in place.
EventHandleronChangeEventHandler—
Declares onChange (optional). Reactive JSX expressions update this property in place.
EventHandleronSubmitEventHandler—
Declares onSubmit (optional). Reactive JSX expressions update this property in place.
EventHandleronDismissEventHandler—
Declares onDismiss (optional). Reactive JSX expressions update this property in place.
EventHandleronKeyDownEventHandler—
Focused key press. Declare a `tabIndex` to make an ordinary container focusable.
EventHandleronKeyUpEventHandler—
Declares onKeyUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseDownEventHandler—
Declares onMouseDown (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseUpEventHandler—
Declares onMouseUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseMoveEventHandler—
Declares onMouseMove (optional). Reactive JSX expressions update this property in place.
EventHandleronDoubleClickEventHandler—
onWheelEventHandler—
Declares onWheel (optional). Reactive JSX expressions update this property in place.
EventHandleronContextMenuEventHandler—
onPinchEventHandler—
Declares onPinch (optional). Reactive JSX expressions update this property in place.
EventHandleronRotateEventHandler—
Declares onRotate (optional). Reactive JSX expressions update this property in place.
EventHandleronSmartMagnifyEventHandler—
Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.
EventHandleronPressureEventHandler—
Declares onPressure (optional). Reactive JSX expressions update this property in place.
EventHandleronFocusEventHandler—
Declares onFocus (optional). Reactive JSX expressions update this property in place.
EventHandleronBlurEventHandler—
Declares onBlur (optional). Reactive JSX expressions update this property in place.
EventHandlerkeymapKeymap—
onActionEventHandler—
draggableboolean | DragSource—
onDragStartEventHandler—
Declares onDragStart (optional). Reactive JSX expressions update this property in place.
EventHandleronDragEndEventHandler—
Declares onDragEnd (optional). Reactive JSX expressions update this property in place.
EventHandlerdropKindsDropKind | readonly DropKind[]—
Payload kinds this element accepts, declared ahead of the native drag.
DropKind | readonly DropKind[]onDropEventHandler—
Declares onDrop (optional). Reactive JSX expressions update this property in place.
EventHandleronFilesDroppedEventHandler—
Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.
EventHandlerscopestring—
Autocomplete.Separator
View sourceAutocomplete.Separator(props: JSX.NativeScopedProps): NativeNodeaccessibilityLabelstring—
Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.
stringchildrenunknown—
Declares children (optional). Reactive JSX expressions update this property in place.
unknownstyleStyleProp—
Layout, typography, paint, and interaction-state styles. Arrays merge left to right.
StylePropdisabledboolean—
Declares disabled (optional). Reactive JSX expressions update this property in place.
booleaninvalidboolean—
Expose web-style invalid state; the `style.invalid` variant paints while it is set.
booleanselectedboolean—
Expose web-style selected state; the `style.selected` variant paints while it is set.
booleangroupboolean | 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 | stringrolestring—
tabIndexnumber—
Declares tabIndex (optional). Reactive JSX expressions update this property in place.
numberfocusOnPointerboolean—
overlayboolean—
focusTrapboolean—
restorePreviousFocusboolean—
autoFocusboolean—
aria-modalboolean—
ariaModalboolean—
Declares ariaModal (optional). Reactive JSX expressions update this property in place.
booleandismissOnEscapeboolean—
Declares dismissOnEscape (optional). Reactive JSX expressions update this property in place.
booleandismissOnPointerOutsideboolean—
Declares dismissOnPointerOutside (optional). Reactive JSX expressions update this property in place.
booleantooltipstring—
tooltipPlacementPopoverPlacement—
Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.
PopoverPlacementtooltipDelaynumber—
tooltipGapnumber—
Declares tooltipGap (optional). Reactive JSX expressions update this property in place.
numbertooltipViewportMarginnumber—
Declares tooltipViewportMargin (optional). Reactive JSX expressions update this property in place.
numberhitSlopnumber | string—
Declares hitSlop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopTopnumber | string—
Declares hitSlopTop (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopRightnumber | string—
Declares hitSlopRight (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopBottomnumber | string—
Declares hitSlopBottom (optional). Reactive JSX expressions update this property in place.
number | stringhitSlopLeftnumber | string—
Declares hitSlopLeft (optional). Reactive JSX expressions update this property in place.
number | stringaria-labelstring—
Declares aria-label (optional). Reactive JSX expressions update this property in place.
stringariaLabelstring—
Declares ariaLabel (optional). Reactive JSX expressions update this property in place.
stringref((node: NativeNode) => void) | NativeNode—
Declares ref (optional). Reactive JSX expressions update this property in place.
((node: NativeNode) => void) | NativeNodeonClickEventHandler—
Declares onClick (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseEnterEventHandler—
Declares onMouseEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseLeaveEventHandler—
Declares onMouseLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEnterEventHandler—
Declares onPointerEnter (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerLeaveEventHandler—
Declares onPointerLeave (optional). Reactive JSX expressions update this property in place.
EventHandleronPointerEventHandler—
Captured pointer stream from press through release/cancel, including outside the element.
EventHandleronInputEventHandler—
Declares onInput (optional). Reactive JSX expressions update this property in place.
EventHandleronChangeEventHandler—
Declares onChange (optional). Reactive JSX expressions update this property in place.
EventHandleronSubmitEventHandler—
Declares onSubmit (optional). Reactive JSX expressions update this property in place.
EventHandleronDismissEventHandler—
Declares onDismiss (optional). Reactive JSX expressions update this property in place.
EventHandleronKeyDownEventHandler—
Focused key press. Declare a `tabIndex` to make an ordinary container focusable.
EventHandleronKeyUpEventHandler—
Declares onKeyUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseDownEventHandler—
Declares onMouseDown (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseUpEventHandler—
Declares onMouseUp (optional). Reactive JSX expressions update this property in place.
EventHandleronMouseMoveEventHandler—
Declares onMouseMove (optional). Reactive JSX expressions update this property in place.
EventHandleronDoubleClickEventHandler—
onWheelEventHandler—
Declares onWheel (optional). Reactive JSX expressions update this property in place.
EventHandleronContextMenuEventHandler—
onPinchEventHandler—
Declares onPinch (optional). Reactive JSX expressions update this property in place.
EventHandleronRotateEventHandler—
Declares onRotate (optional). Reactive JSX expressions update this property in place.
EventHandleronSmartMagnifyEventHandler—
Declares onSmartMagnify (optional). Reactive JSX expressions update this property in place.
EventHandleronPressureEventHandler—
Declares onPressure (optional). Reactive JSX expressions update this property in place.
EventHandleronFocusEventHandler—
Declares onFocus (optional). Reactive JSX expressions update this property in place.
EventHandleronBlurEventHandler—
Declares onBlur (optional). Reactive JSX expressions update this property in place.
EventHandlerkeymapKeymap—
onActionEventHandler—
draggableboolean | DragSource—
onDragStartEventHandler—
Declares onDragStart (optional). Reactive JSX expressions update this property in place.
EventHandleronDragEndEventHandler—
Declares onDragEnd (optional). Reactive JSX expressions update this property in place.
EventHandlerdropKindsDropKind | readonly DropKind[]—
Payload kinds this element accepts, declared ahead of the native drag.
DropKind | readonly DropKind[]onDropEventHandler—
Declares onDrop (optional). Reactive JSX expressions update this property in place.
EventHandleronFilesDroppedEventHandler—
Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.
EventHandler