本文へスキップ

NavigationMenu

方向付きアニメーション、ビューポート、ポップアップの各パーツを備えた開閉式ナビゲーションです。

デモを読み込み中…

#インポート

@quickgui/solid から NavigationMenu をインポートします。

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

#使い方

<NavigationMenu.Root value={section()} onValueChange={setSection}>
  <NavigationMenu.List>
    <NavigationMenu.Item value="products">
      <NavigationMenu.Trigger><Text>Products</Text></NavigationMenu.Trigger>
      <NavigationMenu.Content><ProductLinks /></NavigationMenu.Content>
    </NavigationMenu.Item>
  </NavigationMenu.List>
  <NavigationMenu.Portal>
    <NavigationMenu.Positioner><NavigationMenu.Popup><NavigationMenu.Viewport /></NavigationMenu.Popup></NavigationMenu.Positioner>
  </NavigationMenu.Portal>
</NavigationMenu.Root>

#構成

  • NavigationMenu.Root
  • NavigationMenu.List
  • NavigationMenu.Item
  • NavigationMenu.Trigger
  • NavigationMenu.Icon
  • NavigationMenu.Content
  • NavigationMenu.Link
  • NavigationMenu.Portal
  • NavigationMenu.Positioner
  • NavigationMenu.Popup
  • NavigationMenu.Viewport
  • NavigationMenu.Arrow
  • NavigationMenu.Backdrop
<NavigationMenu.Root>
  <NavigationMenu.List />
  <NavigationMenu.Item />
  <NavigationMenu.Trigger />
  <NavigationMenu.Icon />
  <NavigationMenu.Content />
  <NavigationMenu.Link />
  <NavigationMenu.Portal />
  <NavigationMenu.Positioner />
  <NavigationMenu.Popup />
  <NavigationMenu.Viewport />
  <NavigationMenu.Arrow />
  <NavigationMenu.Backdrop />
</NavigationMenu.Root>

#API リファレンス

項目を展開すると説明と完全なシグネチャが表示されます。ダッシュは宣言に既定値が記載されていないことを示します。

NavigationMenu

ソースを見る
NavigationMenu(props: JSX.NavigationMenuRootProps): NativeNode
accessibilityLabelstring—

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

string
ソースを見る
childrenunknown—

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

unknown
ソースを見る
styleStyleProp—

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

StyleProp
ソースを見る
disabledboolean—

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

boolean
ソースを見る
invalidboolean—

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

boolean
ソースを見る
selectedboolean—

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

boolean
ソースを見る
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
ソースを見る
rolestring—

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

string
ソースを見る
tabIndexnumber—

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

number
ソースを見る
focusOnPointerboolean—

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

boolean
ソースを見る
overlayboolean—

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

boolean
ソースを見る
focusTrapboolean—

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

boolean
ソースを見る
restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean
ソースを見る
autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean
ソースを見る
aria-modalboolean—

Expose modal semantics to assistive technology.

boolean
ソースを見る
ariaModalboolean—

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

boolean
ソースを見る
dismissOnEscapeboolean—

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

boolean
ソースを見る
dismissOnPointerOutsideboolean—

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

boolean
ソースを見る
tooltipstring—

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

string
ソースを見る
tooltipPlacementPopoverPlacement—

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

PopoverPlacement
ソースを見る
tooltipDelaynumber—

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

number
ソースを見る
tooltipGapnumber—

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

number
ソースを見る
tooltipViewportMarginnumber—

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

number
ソースを見る
hitSlopnumber | string—

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

number | string
ソースを見る
hitSlopTopnumber | string—

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

number | string
ソースを見る
hitSlopRightnumber | string—

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

number | string
ソースを見る
hitSlopBottomnumber | string—

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

number | string
ソースを見る
hitSlopLeftnumber | string—

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

number | string
ソースを見る
aria-labelstring—

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

string
ソースを見る
ariaLabelstring—

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

string
ソースを見る
ref((node: NativeNode) => void) | NativeNode—

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

((node: NativeNode) => void) | NativeNode
ソースを見る
onClickEventHandler—

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

EventHandler
ソースを見る
onMouseEnterEventHandler—

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

EventHandler
ソースを見る
onMouseLeaveEventHandler—

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

EventHandler
ソースを見る
onPointerEnterEventHandler—

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

EventHandler
ソースを見る
onPointerLeaveEventHandler—

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

EventHandler
ソースを見る
onPointerEventHandler—

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

EventHandler
ソースを見る
onInputEventHandler—

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

EventHandler
ソースを見る
onChangeEventHandler—

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

EventHandler
ソースを見る
onSubmitEventHandler—

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

EventHandler
ソースを見る
onDismissEventHandler—

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

EventHandler
ソースを見る
onKeyDownEventHandler—

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

EventHandler
ソースを見る
onKeyUpEventHandler—

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

EventHandler
ソースを見る
onMouseDownEventHandler—

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

EventHandler
ソースを見る
onMouseUpEventHandler—

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

EventHandler
ソースを見る
onMouseMoveEventHandler—

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

EventHandler
ソースを見る
onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler
ソースを見る
onWheelEventHandler—

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

EventHandler
ソースを見る
onContextMenuEventHandler—

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

EventHandler
ソースを見る
onPinchEventHandler—

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

EventHandler
ソースを見る
onRotateEventHandler—

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

EventHandler
ソースを見る
onSmartMagnifyEventHandler—

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

EventHandler
ソースを見る
onPressureEventHandler—

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

EventHandler
ソースを見る
onFocusEventHandler—

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

EventHandler
ソースを見る
onBlurEventHandler—

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

EventHandler
ソースを見る
keymapKeymap—

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

Keymap
ソースを見る
onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler
ソースを見る
draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource
ソースを見る
onDragStartEventHandler—

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

EventHandler
ソースを見る
onDragEndEventHandler—

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

EventHandler
ソースを見る
dropKindsDropKind | readonly DropKind[]—

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

DropKind | readonly DropKind[]
ソースを見る
onDropEventHandler—

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

EventHandler
ソースを見る
onFilesDroppedEventHandler—

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

EventHandler
ソースを見る
valuestring—

The open item, or `undefined` while every panel is closed.

string
ソースを見る
defaultValuestring—

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

string
ソースを見る
onValueChange(value: string | undefined, event: QuickGuiEvent) => void—

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

(value: string | undefined, event: QuickGuiEvent) => void
ソースを見る
orientation"horizontal" | "vertical"—

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

"horizontal" | "vertical"
ソースを見る
delaynumber—

Milliseconds a pointer rests on a trigger before its panel opens. Defaults to 50.

number
ソースを見る
closeDelaynumber—

Milliseconds after the pointer leaves both a trigger and its popup. Defaults to 50.

number
ソースを見る
loopFocusboolean—

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

boolean
ソースを見る
placementPopoverPlacement—

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

PopoverPlacement
ソースを見る
itemsreadonly ComponentItemDeclaration[]—

The ordered navigation model. Omit it and the core reads the mounted `NavigationMenu.Item` children in declaration order; declare it to name disabled items or to keep a model the children do not spell out.

readonly ComponentItemDeclaration[]
ソースを見る
onActivationDirectionChange( direction: NavigationMenuActivationDirection, event: QuickGuiEvent, ) => void—

The direction the user's attention travelled, so the application can slide its panel.

( direction: NavigationMenuActivationDirection, event: QuickGuiEvent, ) => void
ソースを見る

NavigationMenu.Root

ソースを見る
NavigationMenu.Root(props: JSX.NavigationMenuRootProps): NativeNode
accessibilityLabelstring—

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

string
ソースを見る
childrenunknown—

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

unknown
ソースを見る
styleStyleProp—

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

StyleProp
ソースを見る
disabledboolean—

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

boolean
ソースを見る
invalidboolean—

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

boolean
ソースを見る
selectedboolean—

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

boolean
ソースを見る
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
ソースを見る
rolestring—

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

string
ソースを見る
tabIndexnumber—

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

number
ソースを見る
focusOnPointerboolean—

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

boolean
ソースを見る
overlayboolean—

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

boolean
ソースを見る
focusTrapboolean—

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

boolean
ソースを見る
restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean
ソースを見る
autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean
ソースを見る
aria-modalboolean—

Expose modal semantics to assistive technology.

boolean
ソースを見る
ariaModalboolean—

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

boolean
ソースを見る
dismissOnEscapeboolean—

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

boolean
ソースを見る
dismissOnPointerOutsideboolean—

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

boolean
ソースを見る
tooltipstring—

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

string
ソースを見る
tooltipPlacementPopoverPlacement—

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

PopoverPlacement
ソースを見る
tooltipDelaynumber—

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

number
ソースを見る
tooltipGapnumber—

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

number
ソースを見る
tooltipViewportMarginnumber—

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

number
ソースを見る
hitSlopnumber | string—

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

number | string
ソースを見る
hitSlopTopnumber | string—

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

number | string
ソースを見る
hitSlopRightnumber | string—

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

number | string
ソースを見る
hitSlopBottomnumber | string—

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

number | string
ソースを見る
hitSlopLeftnumber | string—

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

number | string
ソースを見る
aria-labelstring—

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

string
ソースを見る
ariaLabelstring—

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

string
ソースを見る
ref((node: NativeNode) => void) | NativeNode—

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

((node: NativeNode) => void) | NativeNode
ソースを見る
onClickEventHandler—

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

EventHandler
ソースを見る
onMouseEnterEventHandler—

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

EventHandler
ソースを見る
onMouseLeaveEventHandler—

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

EventHandler
ソースを見る
onPointerEnterEventHandler—

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

EventHandler
ソースを見る
onPointerLeaveEventHandler—

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

EventHandler
ソースを見る
onPointerEventHandler—

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

EventHandler
ソースを見る
onInputEventHandler—

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

EventHandler
ソースを見る
onChangeEventHandler—

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

EventHandler
ソースを見る
onSubmitEventHandler—

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

EventHandler
ソースを見る
onDismissEventHandler—

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

EventHandler
ソースを見る
onKeyDownEventHandler—

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

EventHandler
ソースを見る
onKeyUpEventHandler—

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

EventHandler
ソースを見る
onMouseDownEventHandler—

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

EventHandler
ソースを見る
onMouseUpEventHandler—

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

EventHandler
ソースを見る
onMouseMoveEventHandler—

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

EventHandler
ソースを見る
onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler
ソースを見る
onWheelEventHandler—

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

EventHandler
ソースを見る
onContextMenuEventHandler—

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

EventHandler
ソースを見る
onPinchEventHandler—

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

EventHandler
ソースを見る
onRotateEventHandler—

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

EventHandler
ソースを見る
onSmartMagnifyEventHandler—

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

EventHandler
ソースを見る
onPressureEventHandler—

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

EventHandler
ソースを見る
onFocusEventHandler—

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

EventHandler
ソースを見る
onBlurEventHandler—

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

EventHandler
ソースを見る
keymapKeymap—

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

Keymap
ソースを見る
onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler
ソースを見る
draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource
ソースを見る
onDragStartEventHandler—

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

EventHandler
ソースを見る
onDragEndEventHandler—

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

EventHandler
ソースを見る
dropKindsDropKind | readonly DropKind[]—

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

DropKind | readonly DropKind[]
ソースを見る
onDropEventHandler—

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

EventHandler
ソースを見る
onFilesDroppedEventHandler—

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

EventHandler
ソースを見る
valuestring—

The open item, or `undefined` while every panel is closed.

string
ソースを見る
defaultValuestring—

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

string
ソースを見る
onValueChange(value: string | undefined, event: QuickGuiEvent) => void—

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

(value: string | undefined, event: QuickGuiEvent) => void
ソースを見る
orientation"horizontal" | "vertical"—

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

"horizontal" | "vertical"
ソースを見る
delaynumber—

Milliseconds a pointer rests on a trigger before its panel opens. Defaults to 50.

number
ソースを見る
closeDelaynumber—

Milliseconds after the pointer leaves both a trigger and its popup. Defaults to 50.

number
ソースを見る
loopFocusboolean—

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

boolean
ソースを見る
placementPopoverPlacement—

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

PopoverPlacement
ソースを見る
itemsreadonly ComponentItemDeclaration[]—

The ordered navigation model. Omit it and the core reads the mounted `NavigationMenu.Item` children in declaration order; declare it to name disabled items or to keep a model the children do not spell out.

readonly ComponentItemDeclaration[]
ソースを見る
onActivationDirectionChange( direction: NavigationMenuActivationDirection, event: QuickGuiEvent, ) => void—

The direction the user's attention travelled, so the application can slide its panel.

( direction: NavigationMenuActivationDirection, event: QuickGuiEvent, ) => void
ソースを見る

NavigationMenu.List

ソースを見る
NavigationMenu.List(props: JSX.NativeProps): NativeNode
accessibilityLabelstring—

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

string
ソースを見る
childrenunknown—

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

unknown
ソースを見る
styleStyleProp—

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

StyleProp
ソースを見る
disabledboolean—

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

boolean
ソースを見る
invalidboolean—

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

boolean
ソースを見る
selectedboolean—

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

boolean
ソースを見る
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
ソースを見る
rolestring—

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

string
ソースを見る
tabIndexnumber—

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

number
ソースを見る
focusOnPointerboolean—

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

boolean
ソースを見る
overlayboolean—

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

boolean
ソースを見る
focusTrapboolean—

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

boolean
ソースを見る
restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean
ソースを見る
autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean
ソースを見る
aria-modalboolean—

Expose modal semantics to assistive technology.

boolean
ソースを見る
ariaModalboolean—

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

boolean
ソースを見る
dismissOnEscapeboolean—

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

boolean
ソースを見る
dismissOnPointerOutsideboolean—

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

boolean
ソースを見る
tooltipstring—

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

string
ソースを見る
tooltipPlacementPopoverPlacement—

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

PopoverPlacement
ソースを見る
tooltipDelaynumber—

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

number
ソースを見る
tooltipGapnumber—

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

number
ソースを見る
tooltipViewportMarginnumber—

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

number
ソースを見る
hitSlopnumber | string—

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

number | string
ソースを見る
hitSlopTopnumber | string—

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

number | string
ソースを見る
hitSlopRightnumber | string—

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

number | string
ソースを見る
hitSlopBottomnumber | string—

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

number | string
ソースを見る
hitSlopLeftnumber | string—

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

number | string
ソースを見る
aria-labelstring—

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

string
ソースを見る
ariaLabelstring—

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

string
ソースを見る
ref((node: NativeNode) => void) | NativeNode—

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

((node: NativeNode) => void) | NativeNode
ソースを見る
onClickEventHandler—

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

EventHandler
ソースを見る
onMouseEnterEventHandler—

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

EventHandler
ソースを見る
onMouseLeaveEventHandler—

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

EventHandler
ソースを見る
onPointerEnterEventHandler—

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

EventHandler
ソースを見る
onPointerLeaveEventHandler—

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

EventHandler
ソースを見る
onPointerEventHandler—

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

EventHandler
ソースを見る
onInputEventHandler—

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

EventHandler
ソースを見る
onChangeEventHandler—

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

EventHandler
ソースを見る
onSubmitEventHandler—

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

EventHandler
ソースを見る
onDismissEventHandler—

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

EventHandler
ソースを見る
onKeyDownEventHandler—

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

EventHandler
ソースを見る
onKeyUpEventHandler—

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

EventHandler
ソースを見る
onMouseDownEventHandler—

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

EventHandler
ソースを見る
onMouseUpEventHandler—

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

EventHandler
ソースを見る
onMouseMoveEventHandler—

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

EventHandler
ソースを見る
onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler
ソースを見る
onWheelEventHandler—

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

EventHandler
ソースを見る
onContextMenuEventHandler—

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

EventHandler
ソースを見る
onPinchEventHandler—

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

EventHandler
ソースを見る
onRotateEventHandler—

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

EventHandler
ソースを見る
onSmartMagnifyEventHandler—

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

EventHandler
ソースを見る
onPressureEventHandler—

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

EventHandler
ソースを見る
onFocusEventHandler—

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

EventHandler
ソースを見る
onBlurEventHandler—

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

EventHandler
ソースを見る
keymapKeymap—

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

Keymap
ソースを見る
onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler
ソースを見る
draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource
ソースを見る
onDragStartEventHandler—

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

EventHandler
ソースを見る
onDragEndEventHandler—

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

EventHandler
ソースを見る
dropKindsDropKind | readonly DropKind[]—

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

DropKind | readonly DropKind[]
ソースを見る
onDropEventHandler—

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

EventHandler
ソースを見る
onFilesDroppedEventHandler—

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

EventHandler
ソースを見る

NavigationMenu.Item

ソースを見る
NavigationMenu.Item(props: JSX.NavigationMenuItemProps): NativeNode
accessibilityLabelstring—

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

string
ソースを見る
childrenunknown—

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

unknown
ソースを見る
styleStyleProp—

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

StyleProp
ソースを見る
disabledboolean—

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

boolean
ソースを見る
invalidboolean—

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

boolean
ソースを見る
selectedboolean—

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

boolean
ソースを見る
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
ソースを見る
rolestring—

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

string
ソースを見る
tabIndexnumber—

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

number
ソースを見る
focusOnPointerboolean—

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

boolean
ソースを見る
overlayboolean—

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

boolean
ソースを見る
focusTrapboolean—

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

boolean
ソースを見る
restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean
ソースを見る
autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean
ソースを見る
aria-modalboolean—

Expose modal semantics to assistive technology.

boolean
ソースを見る
ariaModalboolean—

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

boolean
ソースを見る
dismissOnEscapeboolean—

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

boolean
ソースを見る
dismissOnPointerOutsideboolean—

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

boolean
ソースを見る
tooltipstring—

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

string
ソースを見る
tooltipPlacementPopoverPlacement—

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

PopoverPlacement
ソースを見る
tooltipDelaynumber—

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

number
ソースを見る
tooltipGapnumber—

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

number
ソースを見る
tooltipViewportMarginnumber—

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

number
ソースを見る
hitSlopnumber | string—

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

number | string
ソースを見る
hitSlopTopnumber | string—

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

number | string
ソースを見る
hitSlopRightnumber | string—

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

number | string
ソースを見る
hitSlopBottomnumber | string—

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

number | string
ソースを見る
hitSlopLeftnumber | string—

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

number | string
ソースを見る
aria-labelstring—

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

string
ソースを見る
ariaLabelstring—

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

string
ソースを見る
ref((node: NativeNode) => void) | NativeNode—

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

((node: NativeNode) => void) | NativeNode
ソースを見る
onClickEventHandler—

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

EventHandler
ソースを見る
onMouseEnterEventHandler—

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

EventHandler
ソースを見る
onMouseLeaveEventHandler—

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

EventHandler
ソースを見る
onPointerEnterEventHandler—

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

EventHandler
ソースを見る
onPointerLeaveEventHandler—

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

EventHandler
ソースを見る
onPointerEventHandler—

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

EventHandler
ソースを見る
onInputEventHandler—

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

EventHandler
ソースを見る
onChangeEventHandler—

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

EventHandler
ソースを見る
onSubmitEventHandler—

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

EventHandler
ソースを見る
onDismissEventHandler—

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

EventHandler
ソースを見る
onKeyDownEventHandler—

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

EventHandler
ソースを見る
onKeyUpEventHandler—

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

EventHandler
ソースを見る
onMouseDownEventHandler—

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

EventHandler
ソースを見る
onMouseUpEventHandler—

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

EventHandler
ソースを見る
onMouseMoveEventHandler—

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

EventHandler
ソースを見る
onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler
ソースを見る
onWheelEventHandler—

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

EventHandler
ソースを見る
onContextMenuEventHandler—

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

EventHandler
ソースを見る
onPinchEventHandler—

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

EventHandler
ソースを見る
onRotateEventHandler—

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

EventHandler
ソースを見る
onSmartMagnifyEventHandler—

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

EventHandler
ソースを見る
onPressureEventHandler—

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

EventHandler
ソースを見る
onFocusEventHandler—

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

EventHandler
ソースを見る
onBlurEventHandler—

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

EventHandler
ソースを見る
keymapKeymap—

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

Keymap
ソースを見る
onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler
ソースを見る
draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource
ソースを見る
onDragStartEventHandler—

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

EventHandler
ソースを見る
onDragEndEventHandler—

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

EventHandler
ソースを見る
dropKindsDropKind | readonly DropKind[]—

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

DropKind | readonly DropKind[]
ソースを見る
onDropEventHandler—

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

EventHandler
ソースを見る
onFilesDroppedEventHandler—

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

EventHandler
ソースを見る
valuestring—

The item's stable value, inherited by every part inside it.

string
ソースを見る

NavigationMenu.Trigger

ソースを見る
NavigationMenu.Trigger(props: JSX.NavigationMenuTriggerProps): NativeNode
accessibilityLabelstring—

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

string
ソースを見る
childrenunknown—

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

unknown
ソースを見る
styleStyleProp—

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

StyleProp
ソースを見る
disabledboolean—

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

boolean
ソースを見る
invalidboolean—

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

boolean
ソースを見る
selectedboolean—

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

boolean
ソースを見る
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
ソースを見る
rolestring—

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

string
ソースを見る
tabIndexnumber—

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

number
ソースを見る
focusOnPointerboolean—

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

boolean
ソースを見る
overlayboolean—

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

boolean
ソースを見る
focusTrapboolean—

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

boolean
ソースを見る
restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean
ソースを見る
autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean
ソースを見る
aria-modalboolean—

Expose modal semantics to assistive technology.

boolean
ソースを見る
ariaModalboolean—

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

boolean
ソースを見る
dismissOnEscapeboolean—

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

boolean
ソースを見る
dismissOnPointerOutsideboolean—

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

boolean
ソースを見る
tooltipstring—

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

string
ソースを見る
tooltipPlacementPopoverPlacement—

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

PopoverPlacement
ソースを見る
tooltipDelaynumber—

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

number
ソースを見る
tooltipGapnumber—

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

number
ソースを見る
tooltipViewportMarginnumber—

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

number
ソースを見る
hitSlopnumber | string—

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

number | string
ソースを見る
hitSlopTopnumber | string—

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

number | string
ソースを見る
hitSlopRightnumber | string—

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

number | string
ソースを見る
hitSlopBottomnumber | string—

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

number | string
ソースを見る
hitSlopLeftnumber | string—

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

number | string
ソースを見る
aria-labelstring—

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

string
ソースを見る
ariaLabelstring—

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

string
ソースを見る
ref((node: NativeNode) => void) | NativeNode—

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

((node: NativeNode) => void) | NativeNode
ソースを見る
onMouseEnterEventHandler—

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

EventHandler
ソースを見る
onMouseLeaveEventHandler—

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

EventHandler
ソースを見る
onPointerEnterEventHandler—

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

EventHandler
ソースを見る
onPointerLeaveEventHandler—

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

EventHandler
ソースを見る
onPointerEventHandler—

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

EventHandler
ソースを見る
onInputEventHandler—

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

EventHandler
ソースを見る
onChangeEventHandler—

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

EventHandler
ソースを見る
onSubmitEventHandler—

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

EventHandler
ソースを見る
onDismissEventHandler—

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

EventHandler
ソースを見る
onKeyDownEventHandler—

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

EventHandler
ソースを見る
onKeyUpEventHandler—

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

EventHandler
ソースを見る
onMouseDownEventHandler—

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

EventHandler
ソースを見る
onMouseUpEventHandler—

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

EventHandler
ソースを見る
onMouseMoveEventHandler—

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

EventHandler
ソースを見る
onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler
ソースを見る
onWheelEventHandler—

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

EventHandler
ソースを見る
onContextMenuEventHandler—

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

EventHandler
ソースを見る
onPinchEventHandler—

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

EventHandler
ソースを見る
onRotateEventHandler—

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

EventHandler
ソースを見る
onSmartMagnifyEventHandler—

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

EventHandler
ソースを見る
onPressureEventHandler—

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

EventHandler
ソースを見る
onFocusEventHandler—

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

EventHandler
ソースを見る
onBlurEventHandler—

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

EventHandler
ソースを見る
keymapKeymap—

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

Keymap
ソースを見る
onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler
ソースを見る
draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource
ソースを見る
onDragStartEventHandler—

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

EventHandler
ソースを見る
onDragEndEventHandler—

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

EventHandler
ソースを見る
dropKindsDropKind | readonly DropKind[]—

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

DropKind | readonly DropKind[]
ソースを見る
onDropEventHandler—

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

EventHandler
ソースを見る
onFilesDroppedEventHandler—

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

EventHandler
ソースを見る
valuestring—

Defaults to the enclosing `NavigationMenu.Item`'s value.

string
ソースを見る

NavigationMenu.Icon

ソースを見る
NavigationMenu.Icon(props: JSX.NavigationMenuPartProps): NativeNode
accessibilityLabelstring—

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

string
ソースを見る
childrenunknown—

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

unknown
ソースを見る
styleStyleProp—

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

StyleProp
ソースを見る
disabledboolean—

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

boolean
ソースを見る
invalidboolean—

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

boolean
ソースを見る
selectedboolean—

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

boolean
ソースを見る
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
ソースを見る
rolestring—

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

string
ソースを見る
tabIndexnumber—

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

number
ソースを見る
focusOnPointerboolean—

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

boolean
ソースを見る
overlayboolean—

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

boolean
ソースを見る
focusTrapboolean—

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

boolean
ソースを見る
restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean
ソースを見る
autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean
ソースを見る
aria-modalboolean—

Expose modal semantics to assistive technology.

boolean
ソースを見る
ariaModalboolean—

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

boolean
ソースを見る
dismissOnEscapeboolean—

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

boolean
ソースを見る
dismissOnPointerOutsideboolean—

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

boolean
ソースを見る
tooltipstring—

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

string
ソースを見る
tooltipPlacementPopoverPlacement—

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

PopoverPlacement
ソースを見る
tooltipDelaynumber—

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

number
ソースを見る
tooltipGapnumber—

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

number
ソースを見る
tooltipViewportMarginnumber—

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

number
ソースを見る
hitSlopnumber | string—

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

number | string
ソースを見る
hitSlopTopnumber | string—

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

number | string
ソースを見る
hitSlopRightnumber | string—

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

number | string
ソースを見る
hitSlopBottomnumber | string—

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

number | string
ソースを見る
hitSlopLeftnumber | string—

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

number | string
ソースを見る
aria-labelstring—

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

string
ソースを見る
ariaLabelstring—

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

string
ソースを見る
ref((node: NativeNode) => void) | NativeNode—

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

((node: NativeNode) => void) | NativeNode
ソースを見る
onClickEventHandler—

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

EventHandler
ソースを見る
onMouseEnterEventHandler—

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

EventHandler
ソースを見る
onMouseLeaveEventHandler—

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

EventHandler
ソースを見る
onPointerEnterEventHandler—

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

EventHandler
ソースを見る
onPointerLeaveEventHandler—

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

EventHandler
ソースを見る
onPointerEventHandler—

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

EventHandler
ソースを見る
onInputEventHandler—

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

EventHandler
ソースを見る
onChangeEventHandler—

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

EventHandler
ソースを見る
onSubmitEventHandler—

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

EventHandler
ソースを見る
onDismissEventHandler—

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

EventHandler
ソースを見る
onKeyDownEventHandler—

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

EventHandler
ソースを見る
onKeyUpEventHandler—

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

EventHandler
ソースを見る
onMouseDownEventHandler—

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

EventHandler
ソースを見る
onMouseUpEventHandler—

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

EventHandler
ソースを見る
onMouseMoveEventHandler—

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

EventHandler
ソースを見る
onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler
ソースを見る
onWheelEventHandler—

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

EventHandler
ソースを見る
onContextMenuEventHandler—

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

EventHandler
ソースを見る
onPinchEventHandler—

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

EventHandler
ソースを見る
onRotateEventHandler—

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

EventHandler
ソースを見る
onSmartMagnifyEventHandler—

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

EventHandler
ソースを見る
onPressureEventHandler—

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

EventHandler
ソースを見る
onFocusEventHandler—

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

EventHandler
ソースを見る
onBlurEventHandler—

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

EventHandler
ソースを見る
keymapKeymap—

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

Keymap
ソースを見る
onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler
ソースを見る
draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource
ソースを見る
onDragStartEventHandler—

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

EventHandler
ソースを見る
onDragEndEventHandler—

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

EventHandler
ソースを見る
dropKindsDropKind | readonly DropKind[]—

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

DropKind | readonly DropKind[]
ソースを見る
onDropEventHandler—

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

EventHandler
ソースを見る
onFilesDroppedEventHandler—

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

EventHandler
ソースを見る
valuestring—

Defaults to the enclosing `NavigationMenu.Item`'s value.

string
ソースを見る

NavigationMenu.Content

ソースを見る
NavigationMenu.Content(props: JSX.NavigationMenuPartProps): NativeNode
accessibilityLabelstring—

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

string
ソースを見る
childrenunknown—

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

unknown
ソースを見る
styleStyleProp—

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

StyleProp
ソースを見る
disabledboolean—

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

boolean
ソースを見る
invalidboolean—

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

boolean
ソースを見る
selectedboolean—

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

boolean
ソースを見る
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
ソースを見る
rolestring—

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

string
ソースを見る
tabIndexnumber—

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

number
ソースを見る
focusOnPointerboolean—

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

boolean
ソースを見る
overlayboolean—

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

boolean
ソースを見る
focusTrapboolean—

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

boolean
ソースを見る
restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean
ソースを見る
autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean
ソースを見る
aria-modalboolean—

Expose modal semantics to assistive technology.

boolean
ソースを見る
ariaModalboolean—

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

boolean
ソースを見る
dismissOnEscapeboolean—

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

boolean
ソースを見る
dismissOnPointerOutsideboolean—

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

boolean
ソースを見る
tooltipstring—

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

string
ソースを見る
tooltipPlacementPopoverPlacement—

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

PopoverPlacement
ソースを見る
tooltipDelaynumber—

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

number
ソースを見る
tooltipGapnumber—

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

number
ソースを見る
tooltipViewportMarginnumber—

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

number
ソースを見る
hitSlopnumber | string—

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

number | string
ソースを見る
hitSlopTopnumber | string—

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

number | string
ソースを見る
hitSlopRightnumber | string—

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

number | string
ソースを見る
hitSlopBottomnumber | string—

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

number | string
ソースを見る
hitSlopLeftnumber | string—

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

number | string
ソースを見る
aria-labelstring—

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

string
ソースを見る
ariaLabelstring—

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

string
ソースを見る
ref((node: NativeNode) => void) | NativeNode—

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

((node: NativeNode) => void) | NativeNode
ソースを見る
onClickEventHandler—

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

EventHandler
ソースを見る
onMouseEnterEventHandler—

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

EventHandler
ソースを見る
onMouseLeaveEventHandler—

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

EventHandler
ソースを見る
onPointerEnterEventHandler—

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

EventHandler
ソースを見る
onPointerLeaveEventHandler—

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

EventHandler
ソースを見る
onPointerEventHandler—

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

EventHandler
ソースを見る
onInputEventHandler—

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

EventHandler
ソースを見る
onChangeEventHandler—

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

EventHandler
ソースを見る
onSubmitEventHandler—

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

EventHandler
ソースを見る
onDismissEventHandler—

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

EventHandler
ソースを見る
onKeyDownEventHandler—

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

EventHandler
ソースを見る
onKeyUpEventHandler—

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

EventHandler
ソースを見る
onMouseDownEventHandler—

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

EventHandler
ソースを見る
onMouseUpEventHandler—

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

EventHandler
ソースを見る
onMouseMoveEventHandler—

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

EventHandler
ソースを見る
onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler
ソースを見る
onWheelEventHandler—

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

EventHandler
ソースを見る
onContextMenuEventHandler—

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

EventHandler
ソースを見る
onPinchEventHandler—

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

EventHandler
ソースを見る
onRotateEventHandler—

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

EventHandler
ソースを見る
onSmartMagnifyEventHandler—

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

EventHandler
ソースを見る
onPressureEventHandler—

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

EventHandler
ソースを見る
onFocusEventHandler—

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

EventHandler
ソースを見る
onBlurEventHandler—

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

EventHandler
ソースを見る
keymapKeymap—

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

Keymap
ソースを見る
onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler
ソースを見る
draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource
ソースを見る
onDragStartEventHandler—

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

EventHandler
ソースを見る
onDragEndEventHandler—

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

EventHandler
ソースを見る
dropKindsDropKind | readonly DropKind[]—

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

DropKind | readonly DropKind[]
ソースを見る
onDropEventHandler—

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

EventHandler
ソースを見る
onFilesDroppedEventHandler—

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

EventHandler
ソースを見る
valuestring—

Defaults to the enclosing `NavigationMenu.Item`'s value.

string
ソースを見る
ソースを見る
NavigationMenu.Link(props: JSX.NavigationMenuLinkProps): NativeNode
accessibilityLabelstring—

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

string
ソースを見る
childrenunknown—

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

unknown
ソースを見る
styleStyleProp—

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

StyleProp
ソースを見る
disabledboolean—

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

boolean
ソースを見る
invalidboolean—

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

boolean
ソースを見る
selectedboolean—

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

boolean
ソースを見る
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
ソースを見る
rolestring—

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

string
ソースを見る
tabIndexnumber—

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

number
ソースを見る
focusOnPointerboolean—

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

boolean
ソースを見る
overlayboolean—

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

boolean
ソースを見る
focusTrapboolean—

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

boolean
ソースを見る
restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean
ソースを見る
autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean
ソースを見る
aria-modalboolean—

Expose modal semantics to assistive technology.

boolean
ソースを見る
ariaModalboolean—

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

boolean
ソースを見る
dismissOnEscapeboolean—

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

boolean
ソースを見る
dismissOnPointerOutsideboolean—

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

boolean
ソースを見る
tooltipstring—

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

string
ソースを見る
tooltipPlacementPopoverPlacement—

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

PopoverPlacement
ソースを見る
tooltipDelaynumber—

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

number
ソースを見る
tooltipGapnumber—

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

number
ソースを見る
tooltipViewportMarginnumber—

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

number
ソースを見る
hitSlopnumber | string—

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

number | string
ソースを見る
hitSlopTopnumber | string—

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

number | string
ソースを見る
hitSlopRightnumber | string—

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

number | string
ソースを見る
hitSlopBottomnumber | string—

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

number | string
ソースを見る
hitSlopLeftnumber | string—

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

number | string
ソースを見る
aria-labelstring—

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

string
ソースを見る
ariaLabelstring—

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

string
ソースを見る
ref((node: NativeNode) => void) | NativeNode—

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

((node: NativeNode) => void) | NativeNode
ソースを見る
onClickEventHandler—

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

EventHandler
ソースを見る
onMouseEnterEventHandler—

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

EventHandler
ソースを見る
onMouseLeaveEventHandler—

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

EventHandler
ソースを見る
onPointerEnterEventHandler—

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

EventHandler
ソースを見る
onPointerLeaveEventHandler—

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

EventHandler
ソースを見る
onPointerEventHandler—

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

EventHandler
ソースを見る
onInputEventHandler—

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

EventHandler
ソースを見る
onChangeEventHandler—

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

EventHandler
ソースを見る
onSubmitEventHandler—

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

EventHandler
ソースを見る
onDismissEventHandler—

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

EventHandler
ソースを見る
onKeyDownEventHandler—

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

EventHandler
ソースを見る
onKeyUpEventHandler—

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

EventHandler
ソースを見る
onMouseDownEventHandler—

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

EventHandler
ソースを見る
onMouseUpEventHandler—

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

EventHandler
ソースを見る
onMouseMoveEventHandler—

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

EventHandler
ソースを見る
onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler
ソースを見る
onWheelEventHandler—

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

EventHandler
ソースを見る
onContextMenuEventHandler—

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

EventHandler
ソースを見る
onPinchEventHandler—

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

EventHandler
ソースを見る
onRotateEventHandler—

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

EventHandler
ソースを見る
onSmartMagnifyEventHandler—

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

EventHandler
ソースを見る
onPressureEventHandler—

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

EventHandler
ソースを見る
onFocusEventHandler—

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

EventHandler
ソースを見る
onBlurEventHandler—

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

EventHandler
ソースを見る
keymapKeymap—

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

Keymap
ソースを見る
onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler
ソースを見る
draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource
ソースを見る
onDragStartEventHandler—

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

EventHandler
ソースを見る
onDragEndEventHandler—

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

EventHandler
ソースを見る
dropKindsDropKind | readonly DropKind[]—

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

DropKind | readonly DropKind[]
ソースを見る
onDropEventHandler—

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

EventHandler
ソースを見る
onFilesDroppedEventHandler—

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

EventHandler
ソースを見る
valuestring—

Stable identity for the link.

string
ソースを見る
activeboolean—

Marks the link for the current destination as the native selected state.

boolean
ソースを見る

NavigationMenu.Portal

ソースを見る
NavigationMenu.Portal(props: JSX.NavigationMenuPartProps): NativeNode
accessibilityLabelstring—

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

string
ソースを見る
childrenunknown—

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

unknown
ソースを見る
styleStyleProp—

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

StyleProp
ソースを見る
disabledboolean—

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

boolean
ソースを見る
invalidboolean—

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

boolean
ソースを見る
selectedboolean—

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

boolean
ソースを見る
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
ソースを見る
rolestring—

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

string
ソースを見る
tabIndexnumber—

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

number
ソースを見る
focusOnPointerboolean—

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

boolean
ソースを見る
overlayboolean—

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

boolean
ソースを見る
focusTrapboolean—

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

boolean
ソースを見る
restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean
ソースを見る
autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean
ソースを見る
aria-modalboolean—

Expose modal semantics to assistive technology.

boolean
ソースを見る
ariaModalboolean—

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

boolean
ソースを見る
dismissOnEscapeboolean—

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

boolean
ソースを見る
dismissOnPointerOutsideboolean—

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

boolean
ソースを見る
tooltipstring—

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

string
ソースを見る
tooltipPlacementPopoverPlacement—

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

PopoverPlacement
ソースを見る
tooltipDelaynumber—

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

number
ソースを見る
tooltipGapnumber—

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

number
ソースを見る
tooltipViewportMarginnumber—

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

number
ソースを見る
hitSlopnumber | string—

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

number | string
ソースを見る
hitSlopTopnumber | string—

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

number | string
ソースを見る
hitSlopRightnumber | string—

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

number | string
ソースを見る
hitSlopBottomnumber | string—

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

number | string
ソースを見る
hitSlopLeftnumber | string—

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

number | string
ソースを見る
aria-labelstring—

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

string
ソースを見る
ariaLabelstring—

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

string
ソースを見る
ref((node: NativeNode) => void) | NativeNode—

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

((node: NativeNode) => void) | NativeNode
ソースを見る
onClickEventHandler—

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

EventHandler
ソースを見る
onMouseEnterEventHandler—

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

EventHandler
ソースを見る
onMouseLeaveEventHandler—

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

EventHandler
ソースを見る
onPointerEnterEventHandler—

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

EventHandler
ソースを見る
onPointerLeaveEventHandler—

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

EventHandler
ソースを見る
onPointerEventHandler—

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

EventHandler
ソースを見る
onInputEventHandler—

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

EventHandler
ソースを見る
onChangeEventHandler—

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

EventHandler
ソースを見る
onSubmitEventHandler—

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

EventHandler
ソースを見る
onDismissEventHandler—

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

EventHandler
ソースを見る
onKeyDownEventHandler—

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

EventHandler
ソースを見る
onKeyUpEventHandler—

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

EventHandler
ソースを見る
onMouseDownEventHandler—

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

EventHandler
ソースを見る
onMouseUpEventHandler—

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

EventHandler
ソースを見る
onMouseMoveEventHandler—

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

EventHandler
ソースを見る
onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler
ソースを見る
onWheelEventHandler—

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

EventHandler
ソースを見る
onContextMenuEventHandler—

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

EventHandler
ソースを見る
onPinchEventHandler—

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

EventHandler
ソースを見る
onRotateEventHandler—

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

EventHandler
ソースを見る
onSmartMagnifyEventHandler—

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

EventHandler
ソースを見る
onPressureEventHandler—

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

EventHandler
ソースを見る
onFocusEventHandler—

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

EventHandler
ソースを見る
onBlurEventHandler—

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

EventHandler
ソースを見る
keymapKeymap—

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

Keymap
ソースを見る
onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler
ソースを見る
draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource
ソースを見る
onDragStartEventHandler—

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

EventHandler
ソースを見る
onDragEndEventHandler—

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

EventHandler
ソースを見る
dropKindsDropKind | readonly DropKind[]—

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

DropKind | readonly DropKind[]
ソースを見る
onDropEventHandler—

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

EventHandler
ソースを見る
onFilesDroppedEventHandler—

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

EventHandler
ソースを見る
valuestring—

Defaults to the enclosing `NavigationMenu.Item`'s value.

string
ソースを見る

NavigationMenu.Positioner

ソースを見る
NavigationMenu.Positioner(props: JSX.NavigationMenuPartProps): NativeNode
accessibilityLabelstring—

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

string
ソースを見る
childrenunknown—

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

unknown
ソースを見る
styleStyleProp—

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

StyleProp
ソースを見る
disabledboolean—

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

boolean
ソースを見る
invalidboolean—

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

boolean
ソースを見る
selectedboolean—

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

boolean
ソースを見る
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
ソースを見る
rolestring—

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

string
ソースを見る
tabIndexnumber—

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

number
ソースを見る
focusOnPointerboolean—

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

boolean
ソースを見る
overlayboolean—

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

boolean
ソースを見る
focusTrapboolean—

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

boolean
ソースを見る
restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean
ソースを見る
autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean
ソースを見る
aria-modalboolean—

Expose modal semantics to assistive technology.

boolean
ソースを見る
ariaModalboolean—

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

boolean
ソースを見る
dismissOnEscapeboolean—

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

boolean
ソースを見る
dismissOnPointerOutsideboolean—

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

boolean
ソースを見る
tooltipstring—

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

string
ソースを見る
tooltipPlacementPopoverPlacement—

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

PopoverPlacement
ソースを見る
tooltipDelaynumber—

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

number
ソースを見る
tooltipGapnumber—

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

number
ソースを見る
tooltipViewportMarginnumber—

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

number
ソースを見る
hitSlopnumber | string—

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

number | string
ソースを見る
hitSlopTopnumber | string—

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

number | string
ソースを見る
hitSlopRightnumber | string—

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

number | string
ソースを見る
hitSlopBottomnumber | string—

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

number | string
ソースを見る
hitSlopLeftnumber | string—

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

number | string
ソースを見る
aria-labelstring—

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

string
ソースを見る
ariaLabelstring—

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

string
ソースを見る
ref((node: NativeNode) => void) | NativeNode—

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

((node: NativeNode) => void) | NativeNode
ソースを見る
onClickEventHandler—

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

EventHandler
ソースを見る
onMouseEnterEventHandler—

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

EventHandler
ソースを見る
onMouseLeaveEventHandler—

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

EventHandler
ソースを見る
onPointerEnterEventHandler—

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

EventHandler
ソースを見る
onPointerLeaveEventHandler—

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

EventHandler
ソースを見る
onPointerEventHandler—

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

EventHandler
ソースを見る
onInputEventHandler—

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

EventHandler
ソースを見る
onChangeEventHandler—

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

EventHandler
ソースを見る
onSubmitEventHandler—

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

EventHandler
ソースを見る
onDismissEventHandler—

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

EventHandler
ソースを見る
onKeyDownEventHandler—

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

EventHandler
ソースを見る
onKeyUpEventHandler—

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

EventHandler
ソースを見る
onMouseDownEventHandler—

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

EventHandler
ソースを見る
onMouseUpEventHandler—

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

EventHandler
ソースを見る
onMouseMoveEventHandler—

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

EventHandler
ソースを見る
onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler
ソースを見る
onWheelEventHandler—

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

EventHandler
ソースを見る
onContextMenuEventHandler—

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

EventHandler
ソースを見る
onPinchEventHandler—

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

EventHandler
ソースを見る
onRotateEventHandler—

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

EventHandler
ソースを見る
onSmartMagnifyEventHandler—

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

EventHandler
ソースを見る
onPressureEventHandler—

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

EventHandler
ソースを見る
onFocusEventHandler—

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

EventHandler
ソースを見る
onBlurEventHandler—

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

EventHandler
ソースを見る
keymapKeymap—

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

Keymap
ソースを見る
onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler
ソースを見る
draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource
ソースを見る
onDragStartEventHandler—

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

EventHandler
ソースを見る
onDragEndEventHandler—

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

EventHandler
ソースを見る
dropKindsDropKind | readonly DropKind[]—

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

DropKind | readonly DropKind[]
ソースを見る
onDropEventHandler—

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

EventHandler
ソースを見る
onFilesDroppedEventHandler—

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

EventHandler
ソースを見る
valuestring—

Defaults to the enclosing `NavigationMenu.Item`'s value.

string
ソースを見る

NavigationMenu.Popup

ソースを見る
NavigationMenu.Popup(props: JSX.NavigationMenuPartProps): NativeNode
accessibilityLabelstring—

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

string
ソースを見る
childrenunknown—

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

unknown
ソースを見る
styleStyleProp—

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

StyleProp
ソースを見る
disabledboolean—

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

boolean
ソースを見る
invalidboolean—

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

boolean
ソースを見る
selectedboolean—

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

boolean
ソースを見る
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
ソースを見る
rolestring—

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

string
ソースを見る
tabIndexnumber—

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

number
ソースを見る
focusOnPointerboolean—

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

boolean
ソースを見る
overlayboolean—

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

boolean
ソースを見る
focusTrapboolean—

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

boolean
ソースを見る
restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean
ソースを見る
autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean
ソースを見る
aria-modalboolean—

Expose modal semantics to assistive technology.

boolean
ソースを見る
ariaModalboolean—

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

boolean
ソースを見る
dismissOnEscapeboolean—

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

boolean
ソースを見る
dismissOnPointerOutsideboolean—

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

boolean
ソースを見る
tooltipstring—

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

string
ソースを見る
tooltipPlacementPopoverPlacement—

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

PopoverPlacement
ソースを見る
tooltipDelaynumber—

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

number
ソースを見る
tooltipGapnumber—

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

number
ソースを見る
tooltipViewportMarginnumber—

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

number
ソースを見る
hitSlopnumber | string—

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

number | string
ソースを見る
hitSlopTopnumber | string—

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

number | string
ソースを見る
hitSlopRightnumber | string—

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

number | string
ソースを見る
hitSlopBottomnumber | string—

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

number | string
ソースを見る
hitSlopLeftnumber | string—

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

number | string
ソースを見る
aria-labelstring—

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

string
ソースを見る
ariaLabelstring—

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

string
ソースを見る
ref((node: NativeNode) => void) | NativeNode—

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

((node: NativeNode) => void) | NativeNode
ソースを見る
onClickEventHandler—

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

EventHandler
ソースを見る
onMouseEnterEventHandler—

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

EventHandler
ソースを見る
onMouseLeaveEventHandler—

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

EventHandler
ソースを見る
onPointerEnterEventHandler—

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

EventHandler
ソースを見る
onPointerLeaveEventHandler—

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

EventHandler
ソースを見る
onPointerEventHandler—

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

EventHandler
ソースを見る
onInputEventHandler—

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

EventHandler
ソースを見る
onChangeEventHandler—

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

EventHandler
ソースを見る
onSubmitEventHandler—

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

EventHandler
ソースを見る
onDismissEventHandler—

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

EventHandler
ソースを見る
onKeyDownEventHandler—

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

EventHandler
ソースを見る
onKeyUpEventHandler—

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

EventHandler
ソースを見る
onMouseDownEventHandler—

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

EventHandler
ソースを見る
onMouseUpEventHandler—

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

EventHandler
ソースを見る
onMouseMoveEventHandler—

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

EventHandler
ソースを見る
onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler
ソースを見る
onWheelEventHandler—

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

EventHandler
ソースを見る
onContextMenuEventHandler—

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

EventHandler
ソースを見る
onPinchEventHandler—

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

EventHandler
ソースを見る
onRotateEventHandler—

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

EventHandler
ソースを見る
onSmartMagnifyEventHandler—

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

EventHandler
ソースを見る
onPressureEventHandler—

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

EventHandler
ソースを見る
onFocusEventHandler—

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

EventHandler
ソースを見る
onBlurEventHandler—

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

EventHandler
ソースを見る
keymapKeymap—

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

Keymap
ソースを見る
onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler
ソースを見る
draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource
ソースを見る
onDragStartEventHandler—

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

EventHandler
ソースを見る
onDragEndEventHandler—

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

EventHandler
ソースを見る
dropKindsDropKind | readonly DropKind[]—

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

DropKind | readonly DropKind[]
ソースを見る
onDropEventHandler—

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

EventHandler
ソースを見る
onFilesDroppedEventHandler—

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

EventHandler
ソースを見る
valuestring—

Defaults to the enclosing `NavigationMenu.Item`'s value.

string
ソースを見る

NavigationMenu.Viewport

ソースを見る
NavigationMenu.Viewport(props: JSX.NavigationMenuPartProps): NativeNode
accessibilityLabelstring—

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

string
ソースを見る
childrenunknown—

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

unknown
ソースを見る
styleStyleProp—

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

StyleProp
ソースを見る
disabledboolean—

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

boolean
ソースを見る
invalidboolean—

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

boolean
ソースを見る
selectedboolean—

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

boolean
ソースを見る
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
ソースを見る
rolestring—

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

string
ソースを見る
tabIndexnumber—

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

number
ソースを見る
focusOnPointerboolean—

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

boolean
ソースを見る
overlayboolean—

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

boolean
ソースを見る
focusTrapboolean—

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

boolean
ソースを見る
restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean
ソースを見る
autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean
ソースを見る
aria-modalboolean—

Expose modal semantics to assistive technology.

boolean
ソースを見る
ariaModalboolean—

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

boolean
ソースを見る
dismissOnEscapeboolean—

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

boolean
ソースを見る
dismissOnPointerOutsideboolean—

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

boolean
ソースを見る
tooltipstring—

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

string
ソースを見る
tooltipPlacementPopoverPlacement—

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

PopoverPlacement
ソースを見る
tooltipDelaynumber—

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

number
ソースを見る
tooltipGapnumber—

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

number
ソースを見る
tooltipViewportMarginnumber—

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

number
ソースを見る
hitSlopnumber | string—

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

number | string
ソースを見る
hitSlopTopnumber | string—

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

number | string
ソースを見る
hitSlopRightnumber | string—

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

number | string
ソースを見る
hitSlopBottomnumber | string—

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

number | string
ソースを見る
hitSlopLeftnumber | string—

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

number | string
ソースを見る
aria-labelstring—

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

string
ソースを見る
ariaLabelstring—

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

string
ソースを見る
ref((node: NativeNode) => void) | NativeNode—

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

((node: NativeNode) => void) | NativeNode
ソースを見る
onClickEventHandler—

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

EventHandler
ソースを見る
onMouseEnterEventHandler—

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

EventHandler
ソースを見る
onMouseLeaveEventHandler—

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

EventHandler
ソースを見る
onPointerEnterEventHandler—

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

EventHandler
ソースを見る
onPointerLeaveEventHandler—

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

EventHandler
ソースを見る
onPointerEventHandler—

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

EventHandler
ソースを見る
onInputEventHandler—

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

EventHandler
ソースを見る
onChangeEventHandler—

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

EventHandler
ソースを見る
onSubmitEventHandler—

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

EventHandler
ソースを見る
onDismissEventHandler—

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

EventHandler
ソースを見る
onKeyDownEventHandler—

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

EventHandler
ソースを見る
onKeyUpEventHandler—

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

EventHandler
ソースを見る
onMouseDownEventHandler—

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

EventHandler
ソースを見る
onMouseUpEventHandler—

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

EventHandler
ソースを見る
onMouseMoveEventHandler—

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

EventHandler
ソースを見る
onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler
ソースを見る
onWheelEventHandler—

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

EventHandler
ソースを見る
onContextMenuEventHandler—

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

EventHandler
ソースを見る
onPinchEventHandler—

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

EventHandler
ソースを見る
onRotateEventHandler—

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

EventHandler
ソースを見る
onSmartMagnifyEventHandler—

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

EventHandler
ソースを見る
onPressureEventHandler—

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

EventHandler
ソースを見る
onFocusEventHandler—

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

EventHandler
ソースを見る
onBlurEventHandler—

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

EventHandler
ソースを見る
keymapKeymap—

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

Keymap
ソースを見る
onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler
ソースを見る
draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource
ソースを見る
onDragStartEventHandler—

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

EventHandler
ソースを見る
onDragEndEventHandler—

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

EventHandler
ソースを見る
dropKindsDropKind | readonly DropKind[]—

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

DropKind | readonly DropKind[]
ソースを見る
onDropEventHandler—

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

EventHandler
ソースを見る
onFilesDroppedEventHandler—

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

EventHandler
ソースを見る
valuestring—

Defaults to the enclosing `NavigationMenu.Item`'s value.

string
ソースを見る

NavigationMenu.Arrow

ソースを見る
NavigationMenu.Arrow(props: JSX.NavigationMenuPartProps): NativeNode
accessibilityLabelstring—

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

string
ソースを見る
childrenunknown—

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

unknown
ソースを見る
styleStyleProp—

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

StyleProp
ソースを見る
disabledboolean—

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

boolean
ソースを見る
invalidboolean—

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

boolean
ソースを見る
selectedboolean—

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

boolean
ソースを見る
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
ソースを見る
rolestring—

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

string
ソースを見る
tabIndexnumber—

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

number
ソースを見る
focusOnPointerboolean—

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

boolean
ソースを見る
overlayboolean—

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

boolean
ソースを見る
focusTrapboolean—

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

boolean
ソースを見る
restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean
ソースを見る
autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean
ソースを見る
aria-modalboolean—

Expose modal semantics to assistive technology.

boolean
ソースを見る
ariaModalboolean—

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

boolean
ソースを見る
dismissOnEscapeboolean—

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

boolean
ソースを見る
dismissOnPointerOutsideboolean—

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

boolean
ソースを見る
tooltipstring—

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

string
ソースを見る
tooltipPlacementPopoverPlacement—

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

PopoverPlacement
ソースを見る
tooltipDelaynumber—

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

number
ソースを見る
tooltipGapnumber—

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

number
ソースを見る
tooltipViewportMarginnumber—

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

number
ソースを見る
hitSlopnumber | string—

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

number | string
ソースを見る
hitSlopTopnumber | string—

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

number | string
ソースを見る
hitSlopRightnumber | string—

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

number | string
ソースを見る
hitSlopBottomnumber | string—

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

number | string
ソースを見る
hitSlopLeftnumber | string—

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

number | string
ソースを見る
aria-labelstring—

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

string
ソースを見る
ariaLabelstring—

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

string
ソースを見る
ref((node: NativeNode) => void) | NativeNode—

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

((node: NativeNode) => void) | NativeNode
ソースを見る
onClickEventHandler—

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

EventHandler
ソースを見る
onMouseEnterEventHandler—

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

EventHandler
ソースを見る
onMouseLeaveEventHandler—

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

EventHandler
ソースを見る
onPointerEnterEventHandler—

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

EventHandler
ソースを見る
onPointerLeaveEventHandler—

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

EventHandler
ソースを見る
onPointerEventHandler—

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

EventHandler
ソースを見る
onInputEventHandler—

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

EventHandler
ソースを見る
onChangeEventHandler—

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

EventHandler
ソースを見る
onSubmitEventHandler—

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

EventHandler
ソースを見る
onDismissEventHandler—

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

EventHandler
ソースを見る
onKeyDownEventHandler—

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

EventHandler
ソースを見る
onKeyUpEventHandler—

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

EventHandler
ソースを見る
onMouseDownEventHandler—

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

EventHandler
ソースを見る
onMouseUpEventHandler—

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

EventHandler
ソースを見る
onMouseMoveEventHandler—

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

EventHandler
ソースを見る
onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler
ソースを見る
onWheelEventHandler—

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

EventHandler
ソースを見る
onContextMenuEventHandler—

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

EventHandler
ソースを見る
onPinchEventHandler—

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

EventHandler
ソースを見る
onRotateEventHandler—

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

EventHandler
ソースを見る
onSmartMagnifyEventHandler—

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

EventHandler
ソースを見る
onPressureEventHandler—

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

EventHandler
ソースを見る
onFocusEventHandler—

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

EventHandler
ソースを見る
onBlurEventHandler—

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

EventHandler
ソースを見る
keymapKeymap—

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

Keymap
ソースを見る
onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler
ソースを見る
draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource
ソースを見る
onDragStartEventHandler—

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

EventHandler
ソースを見る
onDragEndEventHandler—

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

EventHandler
ソースを見る
dropKindsDropKind | readonly DropKind[]—

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

DropKind | readonly DropKind[]
ソースを見る
onDropEventHandler—

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

EventHandler
ソースを見る
onFilesDroppedEventHandler—

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

EventHandler
ソースを見る
valuestring—

Defaults to the enclosing `NavigationMenu.Item`'s value.

string
ソースを見る

NavigationMenu.Backdrop

ソースを見る
NavigationMenu.Backdrop(props: JSX.NavigationMenuPartProps): NativeNode
accessibilityLabelstring—

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

string
ソースを見る
childrenunknown—

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

unknown
ソースを見る
styleStyleProp—

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

StyleProp
ソースを見る
disabledboolean—

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

boolean
ソースを見る
invalidboolean—

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

boolean
ソースを見る
selectedboolean—

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

boolean
ソースを見る
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
ソースを見る
rolestring—

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

string
ソースを見る
tabIndexnumber—

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

number
ソースを見る
focusOnPointerboolean—

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

boolean
ソースを見る
overlayboolean—

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

boolean
ソースを見る
focusTrapboolean—

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

boolean
ソースを見る
restorePreviousFocusboolean—

Restore the previously focused mounted control when this surface unmounts.

boolean
ソースを見る
autoFocusboolean—

Prefer this control when its containing focus trap takes focus.

boolean
ソースを見る
aria-modalboolean—

Expose modal semantics to assistive technology.

boolean
ソースを見る
ariaModalboolean—

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

boolean
ソースを見る
dismissOnEscapeboolean—

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

boolean
ソースを見る
dismissOnPointerOutsideboolean—

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

boolean
ソースを見る
tooltipstring—

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

string
ソースを見る
tooltipPlacementPopoverPlacement—

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

PopoverPlacement
ソースを見る
tooltipDelaynumber—

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

number
ソースを見る
tooltipGapnumber—

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

number
ソースを見る
tooltipViewportMarginnumber—

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

number
ソースを見る
hitSlopnumber | string—

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

number | string
ソースを見る
hitSlopTopnumber | string—

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

number | string
ソースを見る
hitSlopRightnumber | string—

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

number | string
ソースを見る
hitSlopBottomnumber | string—

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

number | string
ソースを見る
hitSlopLeftnumber | string—

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

number | string
ソースを見る
aria-labelstring—

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

string
ソースを見る
ariaLabelstring—

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

string
ソースを見る
ref((node: NativeNode) => void) | NativeNode—

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

((node: NativeNode) => void) | NativeNode
ソースを見る
onClickEventHandler—

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

EventHandler
ソースを見る
onMouseEnterEventHandler—

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

EventHandler
ソースを見る
onMouseLeaveEventHandler—

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

EventHandler
ソースを見る
onPointerEnterEventHandler—

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

EventHandler
ソースを見る
onPointerLeaveEventHandler—

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

EventHandler
ソースを見る
onPointerEventHandler—

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

EventHandler
ソースを見る
onInputEventHandler—

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

EventHandler
ソースを見る
onChangeEventHandler—

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

EventHandler
ソースを見る
onSubmitEventHandler—

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

EventHandler
ソースを見る
onDismissEventHandler—

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

EventHandler
ソースを見る
onKeyDownEventHandler—

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

EventHandler
ソースを見る
onKeyUpEventHandler—

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

EventHandler
ソースを見る
onMouseDownEventHandler—

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

EventHandler
ソースを見る
onMouseUpEventHandler—

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

EventHandler
ソースを見る
onMouseMoveEventHandler—

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

EventHandler
ソースを見る
onDoubleClickEventHandler—

Second press of one exact native multi-click sequence.

EventHandler
ソースを見る
onWheelEventHandler—

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

EventHandler
ソースを見る
onContextMenuEventHandler—

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

EventHandler
ソースを見る
onPinchEventHandler—

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

EventHandler
ソースを見る
onRotateEventHandler—

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

EventHandler
ソースを見る
onSmartMagnifyEventHandler—

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

EventHandler
ソースを見る
onPressureEventHandler—

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

EventHandler
ソースを見る
onFocusEventHandler—

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

EventHandler
ソースを見る
onBlurEventHandler—

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

EventHandler
ソースを見る
keymapKeymap—

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

Keymap
ソースを見る
onActionEventHandler—

Typed binding id dispatched by `keymap`.

EventHandler
ソースを見る
draggableboolean | DragSource—

Declared drag payload promoted when this element starts a drag.

boolean | DragSource
ソースを見る
onDragStartEventHandler—

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

EventHandler
ソースを見る
onDragEndEventHandler—

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

EventHandler
ソースを見る
dropKindsDropKind | readonly DropKind[]—

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

DropKind | readonly DropKind[]
ソースを見る
onDropEventHandler—

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

EventHandler
ソースを見る
onFilesDroppedEventHandler—

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

EventHandler
ソースを見る
valuestring—

Defaults to the enclosing `NavigationMenu.Item`'s value.

string
ソースを見る