Toolbar

在一套移动焦点的键盘模型下组织操作和输入。

正在加载交互演示…

<Toolbar.Root
  items={[{ value: "back" }, { value: "forward" }, { value: "search" }]}
  active={active()}
  onActiveChange={setActive}
>
  <Toolbar.Button partValue="back"><Text>Back</Text></Toolbar.Button>
  <Toolbar.Button partValue="forward"><Text>Forward</Text></Toolbar.Button>
  <Toolbar.Input partValue="search" placeholder="Search" />
</Toolbar.Root>

#导入

从 @quickgui/solid 导入 Toolbar。

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

#用法

<Toolbar.Root
  items={[{ value: "back" }, { value: "forward" }, { value: "search" }]}
  active={active()}
  onActiveChange={setActive}
>
  <Toolbar.Button partValue="back"><Text>Back</Text></Toolbar.Button>
  <Toolbar.Button partValue="forward"><Text>Forward</Text></Toolbar.Button>
  <Toolbar.Input partValue="search" placeholder="Search" />
</Toolbar.Root>

#结构

Toolbar.Root
Toolbar.Item
Toolbar.Button
Toolbar.Link
Toolbar.Input
Toolbar.Group
Toolbar.Separator

<Toolbar.Root>
  <Toolbar.Item />
  <Toolbar.Button />
  <Toolbar.Link />
  <Toolbar.Input />
  <Toolbar.Group />
  <Toolbar.Separator />
</Toolbar.Root>

#API 参考

展开条目查看说明和完整签名。短横线表示声明中未记录默认值。

`Toolbar`

查看源码

Toolbar(props: JSX.ToolbarProps): 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

查看源码

scopestring—

Stable key shared by every part of one component instance.

string

查看源码

itemsreadonly ComponentItemDeclaration[]—

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

readonly ComponentItemDeclaration[]

查看源码

activestring—

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

string

查看源码

defaultActivestring—

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

string

查看源码

orientation"horizontal" | "vertical"—

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

"horizontal" | "vertical"

查看源码

loopFocusboolean—

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

boolean

查看源码

onActiveChange(active: string | undefined, event: QuickGuiEvent) => void—

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

(active: string | undefined, event: QuickGuiEvent) => void

查看源码

`Toolbar.Root`

查看源码

Toolbar.Root(props: JSX.ToolbarProps): 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—

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

查看源码

scopestring—

Stable key shared by every part of one component instance.

string

查看源码

itemsreadonly ComponentItemDeclaration[]—

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

readonly ComponentItemDeclaration[]

查看源码

activestring—

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

string

查看源码

defaultActivestring—

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

string

查看源码

orientation"horizontal" | "vertical"—

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

"horizontal" | "vertical"

查看源码

loopFocusboolean—

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

boolean

查看源码

onActiveChange(active: string | undefined, event: QuickGuiEvent) => void—

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

(active: string | undefined, event: QuickGuiEvent) => void

查看源码

`Toolbar.Item`

查看源码

Toolbar.Item(props: JSX.ComponentItemProps): 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—

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

查看源码

scopestring—

Stable key shared by every part of one component instance.

string

查看源码

partValuestring—

The item's stable value, matching an entry in the group's `items`.

string

查看源码

`Toolbar.Button`

查看源码

Toolbar.Button(props: JSX.ComponentItemProps): 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—

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

查看源码

scopestring—

Stable key shared by every part of one component instance.

string

查看源码

partValuestring—

The item's stable value, matching an entry in the group's `items`.

string

查看源码

`Toolbar.Link`

查看源码

Toolbar.Link(props: JSX.ComponentItemProps): 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—

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

查看源码

scopestring—

Stable key shared by every part of one component instance.

string

查看源码

partValuestring—

The item's stable value, matching an entry in the group's `items`.

string

查看源码

`Toolbar.Input`

查看源码

Toolbar.Input(props: JSX.ToolbarInputProps): 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—

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

查看源码

scopestring—

Stable key shared by every part of one component instance.

string

查看源码

partValuestring—

Value this input owns in its toolbar's `items`.

string

查看源码

element"input" | "button" | "view" | "text"—

Native element this toolbar input renders. Defaults to `input`.

"input" | "button" | "view" | "text"

查看源码

`Toolbar.Group`

查看源码

Toolbar.Group(props: JSX.NativeScopedProps): 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—

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

查看源码

scopestring—

Stable key shared by every part of one component instance.

string

查看源码

`Toolbar.Separator`

查看源码

Toolbar.Separator(props: JSX.NativeScopedProps): 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—

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

查看源码

scopestring—

Stable key shared by every part of one component instance.

string

查看源码