Tabs
在带标签的面板之间切换,支持自动或手动键盘激活。
正在加载交互演示…
<Tabs.Root value={tab()} onValueChange={setTab}>
<Tabs.List>
<Tabs.Tab value="general" index={0}>General</Tabs.Tab>
<Tabs.Tab value="advanced" index={1}>Advanced</Tabs.Tab>
<Tabs.Indicator />
</Tabs.List>
<Tabs.Panel value="general"><General /></Tabs.Panel>
<Tabs.Panel value="advanced"><Advanced /></Tabs.Panel>
</Tabs.Root>#导入
从 @quickgui/solid 导入 Tabs。
import { Tabs } from "@quickgui/solid";#用法
<Tabs.Root value={tab()} onValueChange={setTab}>
<Tabs.List>
<Tabs.Tab value="general" index={0}>General</Tabs.Tab>
<Tabs.Tab value="advanced" index={1}>Advanced</Tabs.Tab>
<Tabs.Indicator />
</Tabs.List>
<Tabs.Panel value="general"><General /></Tabs.Panel>
<Tabs.Panel value="advanced"><Advanced /></Tabs.Panel>
</Tabs.Root>#结构
Tabs.RootTabs.ListTabs.TabTabs.IndicatorTabs.Panel
<Tabs.Root>
<Tabs.List />
<Tabs.Tab />
<Tabs.Indicator />
<Tabs.Panel />
</Tabs.Root>#API 参考
展开条目查看说明和完整签名。短横线表示声明中未记录默认值。
Tabs
查看源码Tabs(props: JSX.TabsRootProps): NativeNodeaccessibilityLabelstring—
Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.
string查看源码childrenunknown—
styleStyleProp—
disabledboolean—
invalidboolean—
selectedboolean—
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—
tabIndexnumber—
focusOnPointerboolean—
overlayboolean—
focusTrapboolean—
restorePreviousFocusboolean—
autoFocusboolean—
aria-modalboolean—
ariaModalboolean—
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—
tooltipPlacementPopoverPlacement—
Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.
PopoverPlacement查看源码tooltipDelaynumber—
tooltipGapnumber—
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—
ariaLabelstring—
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—
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—
onWheelEventHandler—
Declares onWheel (optional). Reactive JSX expressions update this property in place.
EventHandler查看源码onContextMenuEventHandler—
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—
keymapKeymap—
onActionEventHandler—
draggableboolean | 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—
onFilesDroppedEventHandler—
Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.
EventHandler查看源码valuestring—
defaultValuestring—
onValueChange(value: string, event: QuickGuiEvent) => void—
Declares onValueChange (optional). Reactive JSX expressions update this property in place.
(value: string, event: QuickGuiEvent) => void查看源码orientation"horizontal" | "vertical"—
Declares orientation (optional). Reactive JSX expressions update this property in place.
"horizontal" | "vertical"查看源码activation"manual" | "automatic"—
`"manual"` activates on Enter or Space; `"automatic"` activates on arrow focus.
"manual" | "automatic"查看源码loopboolean—
keepMountedboolean—
onTabsStateChange(state: TabsState, event: QuickGuiEvent) => void—
Everything the core decided about the tab set. `activationDirection` is Base UI's `data-activation-direction`, and `indicator` is the active tab's laid-out box published during the paint QuickGUI was already performing.
(state: TabsState, event: QuickGuiEvent) => void查看源码Tabs.Root
查看源码Tabs.Root(props: JSX.TabsRootProps): NativeNodeaccessibilityLabelstring—
Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.
string查看源码childrenunknown—
styleStyleProp—
disabledboolean—
invalidboolean—
selectedboolean—
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—
tabIndexnumber—
focusOnPointerboolean—
overlayboolean—
focusTrapboolean—
restorePreviousFocusboolean—
autoFocusboolean—
aria-modalboolean—
ariaModalboolean—
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—
tooltipPlacementPopoverPlacement—
Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.
PopoverPlacement查看源码tooltipDelaynumber—
tooltipGapnumber—
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—
ariaLabelstring—
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—
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—
onWheelEventHandler—
Declares onWheel (optional). Reactive JSX expressions update this property in place.
EventHandler查看源码onContextMenuEventHandler—
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—
keymapKeymap—
onActionEventHandler—
draggableboolean | 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—
onFilesDroppedEventHandler—
Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.
EventHandler查看源码valuestring—
defaultValuestring—
onValueChange(value: string, event: QuickGuiEvent) => void—
Declares onValueChange (optional). Reactive JSX expressions update this property in place.
(value: string, event: QuickGuiEvent) => void查看源码orientation"horizontal" | "vertical"—
Declares orientation (optional). Reactive JSX expressions update this property in place.
"horizontal" | "vertical"查看源码activation"manual" | "automatic"—
`"manual"` activates on Enter or Space; `"automatic"` activates on arrow focus.
"manual" | "automatic"查看源码loopboolean—
keepMountedboolean—
onTabsStateChange(state: TabsState, event: QuickGuiEvent) => void—
Everything the core decided about the tab set. `activationDirection` is Base UI's `data-activation-direction`, and `indicator` is the active tab's laid-out box published during the paint QuickGUI was already performing.
(state: TabsState, event: QuickGuiEvent) => void查看源码Tabs.List
查看源码Tabs.List(props: JSX.NativeProps): NativeNodeaccessibilityLabelstring—
Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.
string查看源码childrenunknown—
styleStyleProp—
disabledboolean—
invalidboolean—
selectedboolean—
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—
tabIndexnumber—
focusOnPointerboolean—
overlayboolean—
focusTrapboolean—
restorePreviousFocusboolean—
autoFocusboolean—
aria-modalboolean—
ariaModalboolean—
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—
tooltipPlacementPopoverPlacement—
Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.
PopoverPlacement查看源码tooltipDelaynumber—
tooltipGapnumber—
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—
ariaLabelstring—
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—
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—
onWheelEventHandler—
Declares onWheel (optional). Reactive JSX expressions update this property in place.
EventHandler查看源码onContextMenuEventHandler—
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—
keymapKeymap—
onActionEventHandler—
draggableboolean | 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—
onFilesDroppedEventHandler—
Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.
EventHandler查看源码Tabs.Tab
查看源码Tabs.Tab(props: JSX.TabsTabProps): NativeNodeaccessibilityLabelstring—
Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.
string查看源码childrenunknown—
styleStyleProp—
disabledboolean—
invalidboolean—
selectedboolean—
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—
tabIndexnumber—
focusOnPointerboolean—
overlayboolean—
focusTrapboolean—
restorePreviousFocusboolean—
autoFocusboolean—
aria-modalboolean—
ariaModalboolean—
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—
tooltipPlacementPopoverPlacement—
Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.
PopoverPlacement查看源码tooltipDelaynumber—
tooltipGapnumber—
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—
ariaLabelstring—
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—
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—
onWheelEventHandler—
Declares onWheel (optional). Reactive JSX expressions update this property in place.
EventHandler查看源码onContextMenuEventHandler—
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—
keymapKeymap—
onActionEventHandler—
draggableboolean | 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—
onFilesDroppedEventHandler—
Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.
EventHandler查看源码valuestring—
indexnumber—
Tabs.Indicator
查看源码Tabs.Indicator(props: JSX.TabsIndicatorProps): NativeNodeaccessibilityLabelstring—
Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.
string查看源码childrenunknown—
styleStyleProp—
disabledboolean—
invalidboolean—
selectedboolean—
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—
tabIndexnumber—
focusOnPointerboolean—
overlayboolean—
focusTrapboolean—
restorePreviousFocusboolean—
autoFocusboolean—
aria-modalboolean—
ariaModalboolean—
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—
tooltipPlacementPopoverPlacement—
Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.
PopoverPlacement查看源码tooltipDelaynumber—
tooltipGapnumber—
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—
ariaLabelstring—
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—
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—
onWheelEventHandler—
Declares onWheel (optional). Reactive JSX expressions update this property in place.
EventHandler查看源码onContextMenuEventHandler—
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—
keymapKeymap—
onActionEventHandler—
draggableboolean | 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—
onFilesDroppedEventHandler—
Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.
EventHandler查看源码valuestring—
placementPopoverPlacement—
Anchor the indicator to the active tab's edge, and publish that tab's box back. `"bottom"` draws the familiar underline. Without a placement the indicator is a plain part on the active tab and no geometry is reported.
PopoverPlacement查看源码Tabs.Panel
查看源码Tabs.Panel(props: JSX.TabsPanelProps): NativeNodeaccessibilityLabelstring—
Declares accessibilityLabel (optional). Reactive JSX expressions update this property in place.
string查看源码childrenunknown—
styleStyleProp—
disabledboolean—
invalidboolean—
selectedboolean—
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—
tabIndexnumber—
focusOnPointerboolean—
overlayboolean—
focusTrapboolean—
restorePreviousFocusboolean—
autoFocusboolean—
aria-modalboolean—
ariaModalboolean—
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—
tooltipPlacementPopoverPlacement—
Declares tooltipPlacement (optional). Reactive JSX expressions update this property in place.
PopoverPlacement查看源码tooltipDelaynumber—
tooltipGapnumber—
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—
ariaLabelstring—
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—
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—
onWheelEventHandler—
Declares onWheel (optional). Reactive JSX expressions update this property in place.
EventHandler查看源码onContextMenuEventHandler—
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—
keymapKeymap—
onActionEventHandler—
draggableboolean | 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—
onFilesDroppedEventHandler—
Declares onFilesDropped (optional). Reactive JSX expressions update this property in place.
EventHandler查看源码