Popover

Places caller-styled content beside an anchor inside the current window.

Loading interactive demo…

<Popover.Root open={open()} onOpenChange={setOpen}>
  <Popover.Trigger><Text>Open</Text></Popover.Trigger>
  <Popover.Portal>
    <Popover.Positioner side="bottom" sideOffset={8}>
      <Popover.Popup><Popover.Arrow /><Text>Popover content</Text></Popover.Popup>
    </Popover.Positioner>
  </Popover.Portal>
</Popover.Root>

#Import

Import Popover from @quickgui/solid.

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

#Usage

<Popover.Root open={open()} onOpenChange={setOpen}>
  <Popover.Trigger><Text>Open</Text></Popover.Trigger>
  <Popover.Portal>
    <Popover.Positioner side="bottom" sideOffset={8}>
      <Popover.Popup><Popover.Arrow /><Text>Popover content</Text></Popover.Popup>
    </Popover.Positioner>
  </Popover.Portal>
</Popover.Root>

#Anatomy

Popover.Root
Popover.Trigger
Popover.Content
Popover.Portal
Popover.Backdrop
Popover.Positioner
Popover.Popup
Popover.Arrow
Popover.Viewport
Popover.Title
Popover.Description
Popover.Close

<Popover.Root>
  <Popover.Trigger />
  <Popover.Content />
  <Popover.Portal />
  <Popover.Backdrop />
  <Popover.Positioner />
  <Popover.Popup />
  <Popover.Arrow />
  <Popover.Viewport />
  <Popover.Title />
  <Popover.Description />
  <Popover.Close />
</Popover.Root>

#API reference

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

`Popover`

View source

Popover(props: JSX.PopoverRootProps): NativeNode

childrenunknown—

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

unknown

View source

openboolean—

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

boolean

View source

defaultOpenboolean—

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

boolean

View source

onOpenChange(open: boolean, details: PopoverOpenChangeDetails) => void—

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

(open: boolean, details: PopoverOpenChangeDetails) => void

View source

dismissOnEscapeboolean—

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

boolean

View source

dismissOnPointerOutsideboolean—

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

boolean

View source

modalboolean—

Trap focus in the popup and block pointer input behind it.

boolean

View source

openOnHoverboolean—

Open the popup while the trigger is hovered, on the core's own exact deadline.

boolean

View source

delaynumber—

Hover open deadline in milliseconds. Defaults to the core's 300 ms.

number

View source

closeDelaynumber—

Hover close deadline in milliseconds, so the pointer can cross the side offset.

number

View source

onPlacementChange(placement: AnchorPlacementDetails, event: QuickGuiEvent) => void—

Where the retained tree really placed the popup. The declared side and alignment are only a preference; style from this the way Base UI styles from `data-side` and `data-align`.

(placement: AnchorPlacementDetails, event: QuickGuiEvent) => void

View source

side"top" | "bottom" | "left" | "right"—

Default positioning, overridden by whatever `Popover.Positioner` declares.

"top" | "bottom" | "left" | "right"

View source

align"start" | "center" | "end"—

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

"start" | "center" | "end"

View source

sideOffsetnumber—

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

number

View source

alignOffsetnumber—

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

number

View source

collisionPaddingnumber—

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

number

View source

stickyboolean—

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

boolean

View source

anchorNativeNode | { x: number; y: number }—

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

NativeNode | { x: number; y: number }

View source

`Popover.Root`

View source

Popover.Root(props: JSX.PopoverRootProps): NativeNode

childrenunknown—

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

unknown

View source

openboolean—

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

boolean

View source

defaultOpenboolean—

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

boolean

View source

onOpenChange(open: boolean, details: PopoverOpenChangeDetails) => void—

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

(open: boolean, details: PopoverOpenChangeDetails) => void

View source

dismissOnEscapeboolean—

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

boolean

View source

dismissOnPointerOutsideboolean—

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

boolean

View source

modalboolean—

Trap focus in the popup and block pointer input behind it.

boolean

View source

openOnHoverboolean—

Open the popup while the trigger is hovered, on the core's own exact deadline.

boolean

View source

delaynumber—

Hover open deadline in milliseconds. Defaults to the core's 300 ms.

number

View source

closeDelaynumber—

Hover close deadline in milliseconds, so the pointer can cross the side offset.

number

View source

onPlacementChange(placement: AnchorPlacementDetails, event: QuickGuiEvent) => void—

Where the retained tree really placed the popup. The declared side and alignment are only a preference; style from this the way Base UI styles from `data-side` and `data-align`.

(placement: AnchorPlacementDetails, event: QuickGuiEvent) => void

View source

side"top" | "bottom" | "left" | "right"—

Default positioning, overridden by whatever `Popover.Positioner` declares.

"top" | "bottom" | "left" | "right"

View source

align"start" | "center" | "end"—

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

"start" | "center" | "end"

View source

sideOffsetnumber—

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

number

View source

alignOffsetnumber—

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

number

View source

collisionPaddingnumber—

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

number

View source

stickyboolean—

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

boolean

View source

anchorNativeNode | { x: number; y: number }—

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

NativeNode | { x: number; y: number }

View source

`Popover.Trigger`

View source

Popover.Trigger(props: JSX.PopoverTriggerProps): NativeNode

accessibilityLabelstring—

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

string

View source

childrenunknown—

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

unknown

View source

styleStyleProp—

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

StyleProp

View source

disabledboolean—

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

boolean

View source

invalidboolean—

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

boolean

View source

selectedboolean—

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

boolean

View source

groupboolean | string—

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

boolean | string

View source

rolestring—

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

string

View source

tabIndexnumber—

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

number

View source

focusOnPointerboolean—

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

boolean

View source

overlayboolean—

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

boolean

View source

focusTrapboolean—

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

boolean

View source

restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean

View source

autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean

View source

aria-modalboolean—

Expose modal semantics to assistive technology.

boolean

View source

ariaModalboolean—

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

boolean

View source

dismissOnEscapeboolean—

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

boolean

View source

dismissOnPointerOutsideboolean—

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

boolean

View source

tooltipstring—

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

string

View source

tooltipPlacementPopoverPlacement—

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

PopoverPlacement

View source

tooltipDelaynumber—

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

number

View source

tooltipGapnumber—

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

number

View source

tooltipViewportMarginnumber—

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

number

View source

hitSlopnumber | string—

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

number | string

View source

hitSlopTopnumber | string—

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

number | string

View source

hitSlopRightnumber | string—

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

number | string

View source

hitSlopBottomnumber | string—

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

number | string

View source

hitSlopLeftnumber | string—

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

number | string

View source

aria-labelstring—

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

string

View source

ariaLabelstring—

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

string

View source

ref((node: NativeNode) => void) | NativeNode—

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

((node: NativeNode) => void) | NativeNode

View source

onClickEventHandler—

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

EventHandler

View source

onMouseEnterEventHandler—

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

EventHandler

View source

onMouseLeaveEventHandler—

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

EventHandler

View source

onPointerEnterEventHandler—

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

EventHandler

View source

onPointerLeaveEventHandler—

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

EventHandler

View source

onPointerEventHandler—

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

EventHandler

View source

onInputEventHandler—

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

EventHandler

View source

onChangeEventHandler—

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

EventHandler

View source

onSubmitEventHandler—

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

EventHandler

View source

onDismissEventHandler—

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

EventHandler

View source

onKeyDownEventHandler—

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

EventHandler

View source

onKeyUpEventHandler—

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

EventHandler

View source

onMouseDownEventHandler—

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

EventHandler

View source

onMouseUpEventHandler—

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

EventHandler

View source

onMouseMoveEventHandler—

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

EventHandler

View source

onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler

View source

onWheelEventHandler—

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

EventHandler

View source

onContextMenuEventHandler—

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

EventHandler

View source

onPinchEventHandler—

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

EventHandler

View source

onRotateEventHandler—

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

EventHandler

View source

onSmartMagnifyEventHandler—

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

EventHandler

View source

onPressureEventHandler—

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

EventHandler

View source

onFocusEventHandler—

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

EventHandler

View source

onBlurEventHandler—

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

EventHandler

View source

keymapKeymap—

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

Keymap

View source

onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler

View source

draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource

View source

onDragStartEventHandler—

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

EventHandler

View source

onDragEndEventHandler—

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

EventHandler

View source

dropKindsDropKind | readonly DropKind[]—

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

DropKind | readonly DropKind[]

View source

onDropEventHandler—

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

EventHandler

View source

onFilesDroppedEventHandler—

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

EventHandler

View source

openOnHoverboolean—

Open the popup on hover instead of on press.

boolean

View source

delaynumber—

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

number

View source

closeDelaynumber—

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

number

View source

`Popover.Content`

View source

Popover.Content(props: JSX.PopoverContentProps): NativeNode

accessibilityLabelstring—

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

string

View source

childrenunknown—

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

unknown

View source

styleStyleProp—

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

StyleProp

View source

disabledboolean—

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

boolean

View source

invalidboolean—

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

boolean

View source

selectedboolean—

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

boolean

View source

groupboolean | string—

boolean | string

View source

rolestring—

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

string

View source

tabIndexnumber—

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

number

View source

focusOnPointerboolean—

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

boolean

View source

overlayboolean—

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

boolean

View source

focusTrapboolean—

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

boolean

View source

restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean

View source

autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean

View source

aria-modalboolean—

Expose modal semantics to assistive technology.

boolean

View source

ariaModalboolean—

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

boolean

View source

dismissOnEscapeboolean—

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

boolean

View source

dismissOnPointerOutsideboolean—

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

boolean

View source

tooltipstring—

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

string

View source

tooltipPlacementPopoverPlacement—

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

PopoverPlacement

View source

tooltipDelaynumber—

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

number

View source

tooltipGapnumber—

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

number

View source

tooltipViewportMarginnumber—

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

number

View source

hitSlopnumber | string—

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

number | string

View source

hitSlopTopnumber | string—

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

number | string

View source

hitSlopRightnumber | string—

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

number | string

View source

hitSlopBottomnumber | string—

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

number | string

View source

hitSlopLeftnumber | string—

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

number | string

View source

aria-labelstring—

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

string

View source

ariaLabelstring—

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

string

View source

ref((node: NativeNode) => void) | NativeNode—

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

((node: NativeNode) => void) | NativeNode

View source

onClickEventHandler—

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

EventHandler

View source

onMouseEnterEventHandler—

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

EventHandler

View source

onMouseLeaveEventHandler—

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

EventHandler

View source

onPointerEnterEventHandler—

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

EventHandler

View source

onPointerLeaveEventHandler—

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

EventHandler

View source

onPointerEventHandler—

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

EventHandler

View source

onInputEventHandler—

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

EventHandler

View source

onChangeEventHandler—

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

EventHandler

View source

onSubmitEventHandler—

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

EventHandler

View source

onDismissEventHandler—

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

EventHandler

View source

onKeyDownEventHandler—

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

EventHandler

View source

onKeyUpEventHandler—

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

EventHandler

View source

onMouseDownEventHandler—

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

EventHandler

View source

onMouseUpEventHandler—

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

EventHandler

View source

onMouseMoveEventHandler—

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

EventHandler

View source

onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler

View source

onWheelEventHandler—

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

EventHandler

View source

onContextMenuEventHandler—

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

EventHandler

View source

onPinchEventHandler—

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

EventHandler

View source

onRotateEventHandler—

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

EventHandler

View source

onSmartMagnifyEventHandler—

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

EventHandler

View source

onPressureEventHandler—

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

EventHandler

View source

onFocusEventHandler—

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

EventHandler

View source

onBlurEventHandler—

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

EventHandler

View source

keymapKeymap—

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

Keymap

View source

onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler

View source

draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource

View source

onDragStartEventHandler—

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

EventHandler

View source

onDragEndEventHandler—

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

EventHandler

View source

dropKindsDropKind | readonly DropKind[]—

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

DropKind | readonly DropKind[]

View source

onDropEventHandler—

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

EventHandler

View source

onFilesDroppedEventHandler—

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

EventHandler

View source

widthnumber—

Declares width. Reactive JSX expressions update this property in place.

number

View source

heightnumber—

Declares height. Reactive JSX expressions update this property in place.

number

View source

placementPopoverPlacement—

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

PopoverPlacement

View source

gapnumber—

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

number

View source

viewportMarginnumber—

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

number

View source

`Popover.Portal`

View source

Popover.Portal(props: JSX.NativeProps): NativeNode

accessibilityLabelstring—

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

string

View source

childrenunknown—

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

unknown

View source

styleStyleProp—

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

StyleProp

View source

disabledboolean—

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

boolean

View source

invalidboolean—

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

boolean

View source

selectedboolean—

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

boolean

View source

groupboolean | string—

boolean | string

View source

rolestring—

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

string

View source

tabIndexnumber—

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

number

View source

focusOnPointerboolean—

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

boolean

View source

overlayboolean—

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

boolean

View source

focusTrapboolean—

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

boolean

View source

restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean

View source

autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean

View source

aria-modalboolean—

Expose modal semantics to assistive technology.

boolean

View source

ariaModalboolean—

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

boolean

View source

dismissOnEscapeboolean—

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

boolean

View source

dismissOnPointerOutsideboolean—

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

boolean

View source

tooltipstring—

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

string

View source

tooltipPlacementPopoverPlacement—

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

PopoverPlacement

View source

tooltipDelaynumber—

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

number

View source

tooltipGapnumber—

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

number

View source

tooltipViewportMarginnumber—

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

number

View source

hitSlopnumber | string—

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

number | string

View source

hitSlopTopnumber | string—

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

number | string

View source

hitSlopRightnumber | string—

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

number | string

View source

hitSlopBottomnumber | string—

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

number | string

View source

hitSlopLeftnumber | string—

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

number | string

View source

aria-labelstring—

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

string

View source

ariaLabelstring—

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

string

View source

ref((node: NativeNode) => void) | NativeNode—

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

((node: NativeNode) => void) | NativeNode

View source

onClickEventHandler—

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

EventHandler

View source

onMouseEnterEventHandler—

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

EventHandler

View source

onMouseLeaveEventHandler—

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

EventHandler

View source

onPointerEnterEventHandler—

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

EventHandler

View source

onPointerLeaveEventHandler—

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

EventHandler

View source

onPointerEventHandler—

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

EventHandler

View source

onInputEventHandler—

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

EventHandler

View source

onChangeEventHandler—

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

EventHandler

View source

onSubmitEventHandler—

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

EventHandler

View source

onDismissEventHandler—

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

EventHandler

View source

onKeyDownEventHandler—

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

EventHandler

View source

onKeyUpEventHandler—

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

EventHandler

View source

onMouseDownEventHandler—

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

EventHandler

View source

onMouseUpEventHandler—

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

EventHandler

View source

onMouseMoveEventHandler—

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

EventHandler

View source

onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler

View source

onWheelEventHandler—

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

EventHandler

View source

onContextMenuEventHandler—

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

EventHandler

View source

onPinchEventHandler—

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

EventHandler

View source

onRotateEventHandler—

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

EventHandler

View source

onSmartMagnifyEventHandler—

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

EventHandler

View source

onPressureEventHandler—

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

EventHandler

View source

onFocusEventHandler—

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

EventHandler

View source

onBlurEventHandler—

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

EventHandler

View source

keymapKeymap—

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

Keymap

View source

onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler

View source

draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource

View source

onDragStartEventHandler—

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

EventHandler

View source

onDragEndEventHandler—

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

EventHandler

View source

dropKindsDropKind | readonly DropKind[]—

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

DropKind | readonly DropKind[]

View source

onDropEventHandler—

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

EventHandler

View source

onFilesDroppedEventHandler—

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

EventHandler

View source

`Popover.Backdrop`

View source

Popover.Backdrop(props: JSX.NativeProps): NativeNode

accessibilityLabelstring—

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

string

View source

childrenunknown—

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

unknown

View source

styleStyleProp—

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

StyleProp

View source

disabledboolean—

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

boolean

View source

invalidboolean—

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

boolean

View source

selectedboolean—

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

boolean

View source

groupboolean | string—

boolean | string

View source

rolestring—

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

string

View source

tabIndexnumber—

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

number

View source

focusOnPointerboolean—

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

boolean

View source

overlayboolean—

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

boolean

View source

focusTrapboolean—

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

boolean

View source

restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean

View source

autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean

View source

aria-modalboolean—

Expose modal semantics to assistive technology.

boolean

View source

ariaModalboolean—

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

boolean

View source

dismissOnEscapeboolean—

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

boolean

View source

dismissOnPointerOutsideboolean—

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

boolean

View source

tooltipstring—

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

string

View source

tooltipPlacementPopoverPlacement—

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

PopoverPlacement

View source

tooltipDelaynumber—

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

number

View source

tooltipGapnumber—

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

number

View source

tooltipViewportMarginnumber—

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

number

View source

hitSlopnumber | string—

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

number | string

View source

hitSlopTopnumber | string—

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

number | string

View source

hitSlopRightnumber | string—

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

number | string

View source

hitSlopBottomnumber | string—

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

number | string

View source

hitSlopLeftnumber | string—

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

number | string

View source

aria-labelstring—

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

string

View source

ariaLabelstring—

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

string

View source

ref((node: NativeNode) => void) | NativeNode—

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

((node: NativeNode) => void) | NativeNode

View source

onClickEventHandler—

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

EventHandler

View source

onMouseEnterEventHandler—

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

EventHandler

View source

onMouseLeaveEventHandler—

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

EventHandler

View source

onPointerEnterEventHandler—

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

EventHandler

View source

onPointerLeaveEventHandler—

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

EventHandler

View source

onPointerEventHandler—

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

EventHandler

View source

onInputEventHandler—

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

EventHandler

View source

onChangeEventHandler—

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

EventHandler

View source

onSubmitEventHandler—

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

EventHandler

View source

onDismissEventHandler—

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

EventHandler

View source

onKeyDownEventHandler—

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

EventHandler

View source

onKeyUpEventHandler—

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

EventHandler

View source

onMouseDownEventHandler—

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

EventHandler

View source

onMouseUpEventHandler—

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

EventHandler

View source

onMouseMoveEventHandler—

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

EventHandler

View source

onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler

View source

onWheelEventHandler—

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

EventHandler

View source

onContextMenuEventHandler—

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

EventHandler

View source

onPinchEventHandler—

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

EventHandler

View source

onRotateEventHandler—

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

EventHandler

View source

onSmartMagnifyEventHandler—

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

EventHandler

View source

onPressureEventHandler—

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

EventHandler

View source

onFocusEventHandler—

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

EventHandler

View source

onBlurEventHandler—

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

EventHandler

View source

keymapKeymap—

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

Keymap

View source

onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler

View source

draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource

View source

onDragStartEventHandler—

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

EventHandler

View source

onDragEndEventHandler—

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

EventHandler

View source

dropKindsDropKind | readonly DropKind[]—

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

DropKind | readonly DropKind[]

View source

onDropEventHandler—

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

EventHandler

View source

onFilesDroppedEventHandler—

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

EventHandler

View source

`Popover.Positioner`

View source

Popover.Positioner(props: JSX.PopoverPositionerProps): NativeNode

accessibilityLabelstring—

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

string

View source

childrenunknown—

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

unknown

View source

styleStyleProp—

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

StyleProp

View source

disabledboolean—

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

boolean

View source

invalidboolean—

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

boolean

View source

selectedboolean—

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

boolean

View source

groupboolean | string—

boolean | string

View source

rolestring—

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

string

View source

tabIndexnumber—

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

number

View source

focusOnPointerboolean—

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

boolean

View source

overlayboolean—

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

boolean

View source

focusTrapboolean—

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

boolean

View source

restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean

View source

autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean

View source

aria-modalboolean—

Expose modal semantics to assistive technology.

boolean

View source

ariaModalboolean—

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

boolean

View source

dismissOnEscapeboolean—

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

boolean

View source

dismissOnPointerOutsideboolean—

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

boolean

View source

tooltipstring—

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

string

View source

tooltipPlacementPopoverPlacement—

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

PopoverPlacement

View source

tooltipDelaynumber—

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

number

View source

tooltipGapnumber—

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

number

View source

tooltipViewportMarginnumber—

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

number

View source

hitSlopnumber | string—

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

number | string

View source

hitSlopTopnumber | string—

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

number | string

View source

hitSlopRightnumber | string—

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

number | string

View source

hitSlopBottomnumber | string—

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

number | string

View source

hitSlopLeftnumber | string—

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

number | string

View source

aria-labelstring—

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

string

View source

ariaLabelstring—

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

string

View source

ref((node: NativeNode) => void) | NativeNode—

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

((node: NativeNode) => void) | NativeNode

View source

onClickEventHandler—

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

EventHandler

View source

onMouseEnterEventHandler—

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

EventHandler

View source

onMouseLeaveEventHandler—

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

EventHandler

View source

onPointerEnterEventHandler—

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

EventHandler

View source

onPointerLeaveEventHandler—

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

EventHandler

View source

onPointerEventHandler—

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

EventHandler

View source

onInputEventHandler—

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

EventHandler

View source

onChangeEventHandler—

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

EventHandler

View source

onSubmitEventHandler—

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

EventHandler

View source

onDismissEventHandler—

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

EventHandler

View source

onKeyDownEventHandler—

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

EventHandler

View source

onKeyUpEventHandler—

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

EventHandler

View source

onMouseDownEventHandler—

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

EventHandler

View source

onMouseUpEventHandler—

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

EventHandler

View source

onMouseMoveEventHandler—

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

EventHandler

View source

onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler

View source

onWheelEventHandler—

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

EventHandler

View source

onContextMenuEventHandler—

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

EventHandler

View source

onPinchEventHandler—

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

EventHandler

View source

onRotateEventHandler—

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

EventHandler

View source

onSmartMagnifyEventHandler—

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

EventHandler

View source

onPressureEventHandler—

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

EventHandler

View source

onFocusEventHandler—

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

EventHandler

View source

onBlurEventHandler—

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

EventHandler

View source

keymapKeymap—

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

Keymap

View source

onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler

View source

draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource

View source

onDragStartEventHandler—

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

EventHandler

View source

onDragEndEventHandler—

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

EventHandler

View source

dropKindsDropKind | readonly DropKind[]—

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

DropKind | readonly DropKind[]

View source

onDropEventHandler—

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

EventHandler

View source

onFilesDroppedEventHandler—

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

EventHandler

View source

side"top" | "bottom" | "left" | "right"—

Preferred side. The core flips it when the popup does not fit.

"top" | "bottom" | "left" | "right"

View source

align"start" | "center" | "end"—

Preferred cross-axis alignment. The core re-aligns it when it does not fit.

"start" | "center" | "end"

View source

sideOffsetnumber—

Distance from the anchor on the placement side, in logical pixels.

number

View source

alignOffsetnumber—

Shift along the cross axis, applied before collision handling.

number

View source

collisionPaddingnumber—

Minimum distance from the viewport edge, in logical pixels.

number

View source

stickyboolean—

Keep the popup inside the viewport. `false` lets it travel with a scrolling anchor.

boolean

View source

anchorNativeNode | { x: number; y: number }—

Anchor to another node, or to one logical point. Defaults to the trigger.

NativeNode | { x: number; y: number }

View source

`Popover.Popup`

View source

Popover.Popup(props: JSX.NativeProps): NativeNode

accessibilityLabelstring—

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

string

View source

childrenunknown—

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

unknown

View source

styleStyleProp—

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

StyleProp

View source

disabledboolean—

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

boolean

View source

invalidboolean—

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

boolean

View source

selectedboolean—

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

boolean

View source

groupboolean | string—

boolean | string

View source

rolestring—

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

string

View source

tabIndexnumber—

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

number

View source

focusOnPointerboolean—

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

boolean

View source

overlayboolean—

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

boolean

View source

focusTrapboolean—

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

boolean

View source

restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean

View source

autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean

View source

aria-modalboolean—

Expose modal semantics to assistive technology.

boolean

View source

ariaModalboolean—

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

boolean

View source

dismissOnEscapeboolean—

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

boolean

View source

dismissOnPointerOutsideboolean—

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

boolean

View source

tooltipstring—

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

string

View source

tooltipPlacementPopoverPlacement—

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

PopoverPlacement

View source

tooltipDelaynumber—

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

number

View source

tooltipGapnumber—

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

number

View source

tooltipViewportMarginnumber—

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

number

View source

hitSlopnumber | string—

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

number | string

View source

hitSlopTopnumber | string—

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

number | string

View source

hitSlopRightnumber | string—

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

number | string

View source

hitSlopBottomnumber | string—

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

number | string

View source

hitSlopLeftnumber | string—

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

number | string

View source

aria-labelstring—

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

string

View source

ariaLabelstring—

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

string

View source

ref((node: NativeNode) => void) | NativeNode—

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

((node: NativeNode) => void) | NativeNode

View source

onClickEventHandler—

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

EventHandler

View source

onMouseEnterEventHandler—

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

EventHandler

View source

onMouseLeaveEventHandler—

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

EventHandler

View source

onPointerEnterEventHandler—

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

EventHandler

View source

onPointerLeaveEventHandler—

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

EventHandler

View source

onPointerEventHandler—

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

EventHandler

View source

onInputEventHandler—

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

EventHandler

View source

onChangeEventHandler—

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

EventHandler

View source

onSubmitEventHandler—

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

EventHandler

View source

onDismissEventHandler—

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

EventHandler

View source

onKeyDownEventHandler—

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

EventHandler

View source

onKeyUpEventHandler—

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

EventHandler

View source

onMouseDownEventHandler—

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

EventHandler

View source

onMouseUpEventHandler—

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

EventHandler

View source

onMouseMoveEventHandler—

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

EventHandler

View source

onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler

View source

onWheelEventHandler—

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

EventHandler

View source

onContextMenuEventHandler—

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

EventHandler

View source

onPinchEventHandler—

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

EventHandler

View source

onRotateEventHandler—

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

EventHandler

View source

onSmartMagnifyEventHandler—

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

EventHandler

View source

onPressureEventHandler—

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

EventHandler

View source

onFocusEventHandler—

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

EventHandler

View source

onBlurEventHandler—

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

EventHandler

View source

keymapKeymap—

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

Keymap

View source

onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler

View source

draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource

View source

onDragStartEventHandler—

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

EventHandler

View source

onDragEndEventHandler—

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

EventHandler

View source

dropKindsDropKind | readonly DropKind[]—

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

DropKind | readonly DropKind[]

View source

onDropEventHandler—

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

EventHandler

View source

onFilesDroppedEventHandler—

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

EventHandler

View source

`Popover.Arrow`

View source

Popover.Arrow(props: JSX.NativeProps): NativeNode

accessibilityLabelstring—

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

string

View source

childrenunknown—

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

unknown

View source

styleStyleProp—

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

StyleProp

View source

disabledboolean—

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

boolean

View source

invalidboolean—

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

boolean

View source

selectedboolean—

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

boolean

View source

groupboolean | string—

boolean | string

View source

rolestring—

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

string

View source

tabIndexnumber—

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

number

View source

focusOnPointerboolean—

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

boolean

View source

overlayboolean—

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

boolean

View source

focusTrapboolean—

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

boolean

View source

restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean

View source

autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean

View source

aria-modalboolean—

Expose modal semantics to assistive technology.

boolean

View source

ariaModalboolean—

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

boolean

View source

dismissOnEscapeboolean—

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

boolean

View source

dismissOnPointerOutsideboolean—

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

boolean

View source

tooltipstring—

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

string

View source

tooltipPlacementPopoverPlacement—

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

PopoverPlacement

View source

tooltipDelaynumber—

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

number

View source

tooltipGapnumber—

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

number

View source

tooltipViewportMarginnumber—

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

number

View source

hitSlopnumber | string—

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

number | string

View source

hitSlopTopnumber | string—

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

number | string

View source

hitSlopRightnumber | string—

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

number | string

View source

hitSlopBottomnumber | string—

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

number | string

View source

hitSlopLeftnumber | string—

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

number | string

View source

aria-labelstring—

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

string

View source

ariaLabelstring—

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

string

View source

ref((node: NativeNode) => void) | NativeNode—

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

((node: NativeNode) => void) | NativeNode

View source

onClickEventHandler—

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

EventHandler

View source

onMouseEnterEventHandler—

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

EventHandler

View source

onMouseLeaveEventHandler—

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

EventHandler

View source

onPointerEnterEventHandler—

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

EventHandler

View source

onPointerLeaveEventHandler—

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

EventHandler

View source

onPointerEventHandler—

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

EventHandler

View source

onInputEventHandler—

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

EventHandler

View source

onChangeEventHandler—

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

EventHandler

View source

onSubmitEventHandler—

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

EventHandler

View source

onDismissEventHandler—

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

EventHandler

View source

onKeyDownEventHandler—

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

EventHandler

View source

onKeyUpEventHandler—

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

EventHandler

View source

onMouseDownEventHandler—

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

EventHandler

View source

onMouseUpEventHandler—

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

EventHandler

View source

onMouseMoveEventHandler—

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

EventHandler

View source

onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler

View source

onWheelEventHandler—

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

EventHandler

View source

onContextMenuEventHandler—

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

EventHandler

View source

onPinchEventHandler—

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

EventHandler

View source

onRotateEventHandler—

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

EventHandler

View source

onSmartMagnifyEventHandler—

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

EventHandler

View source

onPressureEventHandler—

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

EventHandler

View source

onFocusEventHandler—

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

EventHandler

View source

onBlurEventHandler—

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

EventHandler

View source

keymapKeymap—

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

Keymap

View source

onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler

View source

draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource

View source

onDragStartEventHandler—

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

EventHandler

View source

onDragEndEventHandler—

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

EventHandler

View source

dropKindsDropKind | readonly DropKind[]—

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

DropKind | readonly DropKind[]

View source

onDropEventHandler—

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

EventHandler

View source

onFilesDroppedEventHandler—

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

EventHandler

View source

`Popover.Viewport`

View source

Popover.Viewport(props: JSX.NativeProps): NativeNode

accessibilityLabelstring—

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

string

View source

childrenunknown—

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

unknown

View source

styleStyleProp—

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

StyleProp

View source

disabledboolean—

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

boolean

View source

invalidboolean—

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

boolean

View source

selectedboolean—

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

boolean

View source

groupboolean | string—

boolean | string

View source

rolestring—

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

string

View source

tabIndexnumber—

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

number

View source

focusOnPointerboolean—

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

boolean

View source

overlayboolean—

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

boolean

View source

focusTrapboolean—

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

boolean

View source

restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean

View source

autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean

View source

aria-modalboolean—

Expose modal semantics to assistive technology.

boolean

View source

ariaModalboolean—

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

boolean

View source

dismissOnEscapeboolean—

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

boolean

View source

dismissOnPointerOutsideboolean—

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

boolean

View source

tooltipstring—

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

string

View source

tooltipPlacementPopoverPlacement—

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

PopoverPlacement

View source

tooltipDelaynumber—

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

number

View source

tooltipGapnumber—

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

number

View source

tooltipViewportMarginnumber—

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

number

View source

hitSlopnumber | string—

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

number | string

View source

hitSlopTopnumber | string—

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

number | string

View source

hitSlopRightnumber | string—

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

number | string

View source

hitSlopBottomnumber | string—

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

number | string

View source

hitSlopLeftnumber | string—

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

number | string

View source

aria-labelstring—

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

string

View source

ariaLabelstring—

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

string

View source

ref((node: NativeNode) => void) | NativeNode—

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

((node: NativeNode) => void) | NativeNode

View source

onClickEventHandler—

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

EventHandler

View source

onMouseEnterEventHandler—

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

EventHandler

View source

onMouseLeaveEventHandler—

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

EventHandler

View source

onPointerEnterEventHandler—

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

EventHandler

View source

onPointerLeaveEventHandler—

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

EventHandler

View source

onPointerEventHandler—

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

EventHandler

View source

onInputEventHandler—

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

EventHandler

View source

onChangeEventHandler—

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

EventHandler

View source

onSubmitEventHandler—

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

EventHandler

View source

onDismissEventHandler—

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

EventHandler

View source

onKeyDownEventHandler—

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

EventHandler

View source

onKeyUpEventHandler—

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

EventHandler

View source

onMouseDownEventHandler—

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

EventHandler

View source

onMouseUpEventHandler—

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

EventHandler

View source

onMouseMoveEventHandler—

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

EventHandler

View source

onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler

View source

onWheelEventHandler—

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

EventHandler

View source

onContextMenuEventHandler—

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

EventHandler

View source

onPinchEventHandler—

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

EventHandler

View source

onRotateEventHandler—

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

EventHandler

View source

onSmartMagnifyEventHandler—

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

EventHandler

View source

onPressureEventHandler—

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

EventHandler

View source

onFocusEventHandler—

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

EventHandler

View source

onBlurEventHandler—

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

EventHandler

View source

keymapKeymap—

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

Keymap

View source

onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler

View source

draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource

View source

onDragStartEventHandler—

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

EventHandler

View source

onDragEndEventHandler—

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

EventHandler

View source

dropKindsDropKind | readonly DropKind[]—

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

DropKind | readonly DropKind[]

View source

onDropEventHandler—

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

EventHandler

View source

onFilesDroppedEventHandler—

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

EventHandler

View source

`Popover.Title`

View source

Popover.Title(props: JSX.NativeProps): NativeNode

accessibilityLabelstring—

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

string

View source

childrenunknown—

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

unknown

View source

styleStyleProp—

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

StyleProp

View source

disabledboolean—

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

boolean

View source

invalidboolean—

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

boolean

View source

selectedboolean—

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

boolean

View source

groupboolean | string—

boolean | string

View source

rolestring—

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

string

View source

tabIndexnumber—

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

number

View source

focusOnPointerboolean—

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

boolean

View source

overlayboolean—

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

boolean

View source

focusTrapboolean—

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

boolean

View source

restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean

View source

autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean

View source

aria-modalboolean—

Expose modal semantics to assistive technology.

boolean

View source

ariaModalboolean—

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

boolean

View source

dismissOnEscapeboolean—

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

boolean

View source

dismissOnPointerOutsideboolean—

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

boolean

View source

tooltipstring—

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

string

View source

tooltipPlacementPopoverPlacement—

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

PopoverPlacement

View source

tooltipDelaynumber—

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

number

View source

tooltipGapnumber—

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

number

View source

tooltipViewportMarginnumber—

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

number

View source

hitSlopnumber | string—

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

number | string

View source

hitSlopTopnumber | string—

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

number | string

View source

hitSlopRightnumber | string—

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

number | string

View source

hitSlopBottomnumber | string—

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

number | string

View source

hitSlopLeftnumber | string—

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

number | string

View source

aria-labelstring—

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

string

View source

ariaLabelstring—

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

string

View source

ref((node: NativeNode) => void) | NativeNode—

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

((node: NativeNode) => void) | NativeNode

View source

onClickEventHandler—

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

EventHandler

View source

onMouseEnterEventHandler—

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

EventHandler

View source

onMouseLeaveEventHandler—

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

EventHandler

View source

onPointerEnterEventHandler—

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

EventHandler

View source

onPointerLeaveEventHandler—

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

EventHandler

View source

onPointerEventHandler—

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

EventHandler

View source

onInputEventHandler—

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

EventHandler

View source

onChangeEventHandler—

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

EventHandler

View source

onSubmitEventHandler—

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

EventHandler

View source

onDismissEventHandler—

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

EventHandler

View source

onKeyDownEventHandler—

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

EventHandler

View source

onKeyUpEventHandler—

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

EventHandler

View source

onMouseDownEventHandler—

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

EventHandler

View source

onMouseUpEventHandler—

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

EventHandler

View source

onMouseMoveEventHandler—

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

EventHandler

View source

onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler

View source

onWheelEventHandler—

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

EventHandler

View source

onContextMenuEventHandler—

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

EventHandler

View source

onPinchEventHandler—

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

EventHandler

View source

onRotateEventHandler—

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

EventHandler

View source

onSmartMagnifyEventHandler—

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

EventHandler

View source

onPressureEventHandler—

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

EventHandler

View source

onFocusEventHandler—

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

EventHandler

View source

onBlurEventHandler—

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

EventHandler

View source

keymapKeymap—

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

Keymap

View source

onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler

View source

draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource

View source

onDragStartEventHandler—

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

EventHandler

View source

onDragEndEventHandler—

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

EventHandler

View source

dropKindsDropKind | readonly DropKind[]—

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

DropKind | readonly DropKind[]

View source

onDropEventHandler—

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

EventHandler

View source

onFilesDroppedEventHandler—

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

EventHandler

View source

`Popover.Description`

View source

Popover.Description(props: JSX.NativeProps): NativeNode

accessibilityLabelstring—

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

string

View source

childrenunknown—

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

unknown

View source

styleStyleProp—

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

StyleProp

View source

disabledboolean—

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

boolean

View source

invalidboolean—

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

boolean

View source

selectedboolean—

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

boolean

View source

groupboolean | string—

boolean | string

View source

rolestring—

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

string

View source

tabIndexnumber—

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

number

View source

focusOnPointerboolean—

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

boolean

View source

overlayboolean—

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

boolean

View source

focusTrapboolean—

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

boolean

View source

restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean

View source

autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean

View source

aria-modalboolean—

Expose modal semantics to assistive technology.

boolean

View source

ariaModalboolean—

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

boolean

View source

dismissOnEscapeboolean—

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

boolean

View source

dismissOnPointerOutsideboolean—

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

boolean

View source

tooltipstring—

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

string

View source

tooltipPlacementPopoverPlacement—

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

PopoverPlacement

View source

tooltipDelaynumber—

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

number

View source

tooltipGapnumber—

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

number

View source

tooltipViewportMarginnumber—

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

number

View source

hitSlopnumber | string—

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

number | string

View source

hitSlopTopnumber | string—

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

number | string

View source

hitSlopRightnumber | string—

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

number | string

View source

hitSlopBottomnumber | string—

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

number | string

View source

hitSlopLeftnumber | string—

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

number | string

View source

aria-labelstring—

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

string

View source

ariaLabelstring—

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

string

View source

ref((node: NativeNode) => void) | NativeNode—

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

((node: NativeNode) => void) | NativeNode

View source

onClickEventHandler—

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

EventHandler

View source

onMouseEnterEventHandler—

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

EventHandler

View source

onMouseLeaveEventHandler—

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

EventHandler

View source

onPointerEnterEventHandler—

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

EventHandler

View source

onPointerLeaveEventHandler—

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

EventHandler

View source

onPointerEventHandler—

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

EventHandler

View source

onInputEventHandler—

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

EventHandler

View source

onChangeEventHandler—

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

EventHandler

View source

onSubmitEventHandler—

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

EventHandler

View source

onDismissEventHandler—

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

EventHandler

View source

onKeyDownEventHandler—

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

EventHandler

View source

onKeyUpEventHandler—

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

EventHandler

View source

onMouseDownEventHandler—

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

EventHandler

View source

onMouseUpEventHandler—

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

EventHandler

View source

onMouseMoveEventHandler—

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

EventHandler

View source

onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler

View source

onWheelEventHandler—

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

EventHandler

View source

onContextMenuEventHandler—

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

EventHandler

View source

onPinchEventHandler—

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

EventHandler

View source

onRotateEventHandler—

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

EventHandler

View source

onSmartMagnifyEventHandler—

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

EventHandler

View source

onPressureEventHandler—

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

EventHandler

View source

onFocusEventHandler—

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

EventHandler

View source

onBlurEventHandler—

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

EventHandler

View source

keymapKeymap—

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

Keymap

View source

onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler

View source

draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource

View source

onDragStartEventHandler—

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

EventHandler

View source

onDragEndEventHandler—

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

EventHandler

View source

dropKindsDropKind | readonly DropKind[]—

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

DropKind | readonly DropKind[]

View source

onDropEventHandler—

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

EventHandler

View source

onFilesDroppedEventHandler—

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

EventHandler

View source

`Popover.Close`

View source

Popover.Close(props: JSX.NativeProps): NativeNode

accessibilityLabelstring—

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

string

View source

childrenunknown—

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

unknown

View source

styleStyleProp—

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

StyleProp

View source

disabledboolean—

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

boolean

View source

invalidboolean—

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

boolean

View source

selectedboolean—

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

boolean

View source

groupboolean | string—

boolean | string

View source

rolestring—

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

string

View source

tabIndexnumber—

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

number

View source

focusOnPointerboolean—

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

boolean

View source

overlayboolean—

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

boolean

View source

focusTrapboolean—

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

boolean

View source

restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean

View source

autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean

View source

aria-modalboolean—

Expose modal semantics to assistive technology.

boolean

View source

ariaModalboolean—

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

boolean

View source

dismissOnEscapeboolean—

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

boolean

View source

dismissOnPointerOutsideboolean—

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

boolean

View source

tooltipstring—

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

string

View source

tooltipPlacementPopoverPlacement—

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

PopoverPlacement

View source

tooltipDelaynumber—

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

number

View source

tooltipGapnumber—

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

number

View source

tooltipViewportMarginnumber—

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

number

View source

hitSlopnumber | string—

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

number | string

View source

hitSlopTopnumber | string—

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

number | string

View source

hitSlopRightnumber | string—

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

number | string

View source

hitSlopBottomnumber | string—

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

number | string

View source

hitSlopLeftnumber | string—

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

number | string

View source

aria-labelstring—

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

string

View source

ariaLabelstring—

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

string

View source

ref((node: NativeNode) => void) | NativeNode—

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

((node: NativeNode) => void) | NativeNode

View source

onClickEventHandler—

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

EventHandler

View source

onMouseEnterEventHandler—

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

EventHandler

View source

onMouseLeaveEventHandler—

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

EventHandler

View source

onPointerEnterEventHandler—

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

EventHandler

View source

onPointerLeaveEventHandler—

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

EventHandler

View source

onPointerEventHandler—

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

EventHandler

View source

onInputEventHandler—

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

EventHandler

View source

onChangeEventHandler—

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

EventHandler

View source

onSubmitEventHandler—

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

EventHandler

View source

onDismissEventHandler—

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

EventHandler

View source

onKeyDownEventHandler—

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

EventHandler

View source

onKeyUpEventHandler—

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

EventHandler

View source

onMouseDownEventHandler—

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

EventHandler

View source

onMouseUpEventHandler—

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

EventHandler

View source

onMouseMoveEventHandler—

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

EventHandler

View source

onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler

View source

onWheelEventHandler—

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

EventHandler

View source

onContextMenuEventHandler—

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

EventHandler

View source

onPinchEventHandler—

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

EventHandler

View source

onRotateEventHandler—

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

EventHandler

View source

onSmartMagnifyEventHandler—

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

EventHandler

View source

onPressureEventHandler—

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

EventHandler

View source

onFocusEventHandler—

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

EventHandler

View source

onBlurEventHandler—

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

EventHandler

View source

keymapKeymap—

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

Keymap

View source

onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler

View source

draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource

View source

onDragStartEventHandler—

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

EventHandler

View source

onDragEndEventHandler—

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

EventHandler

View source

dropKindsDropKind | readonly DropKind[]—

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

DropKind | readonly DropKind[]

View source

onDropEventHandler—

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

EventHandler

View source

onFilesDroppedEventHandler—

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

EventHandler

View source