TabContainerProps

Defined in: react/components/layout/tabcontainer.tsx:4

Props shared by every ztui React component (plus each component’s own props).

Extends

• ComponentProps

Properties

activeIndex?

optional activeIndex?: number

Defined in: react/components/layout/tabcontainer.tsx:6

Index of the active tab.

---

children?

optional children?: ReactNode

Defined in: react/components/types.ts:38

Child elements.

Inherited from

ComponentProps.children

---

className?

optional className?: string

Defined in: react/components/types.ts:24

Space-separated class names (currently advisory; no CSS cascade).

Inherited from

ComponentProps.className

---

disabled?

optional disabled?: boolean

Defined in: react/components/types.ts:59

Marks the widget (and its descendants) as inert: not focusable, ignores key/mouse input, and interactive controls render in a muted style. A disabled container propagates to every control inside it.

Inherited from

ComponentProps.disabled

---

focusable?

optional focusable?: boolean

Defined in: react/components/types.ts:40

Allow this widget to take keyboard focus.

Inherited from

ComponentProps.focusable

---

focusOnClick?

optional focusOnClick?: boolean

Defined in: react/components/types.ts:53

When a click lands on this container (its padding, border, or a non-focusable child), move focus to its first focusable descendant — so clicking a Form/Panel/Box hands focus to its first field. Off by default.

Inherited from

ComponentProps.focusOnClick

---

hoverInterest?

optional hoverInterest?: boolean

Defined in: react/components/types.ts:73

Opt-in hint that this widget cares about passive hover movement.

Inherited from

ComponentProps.hoverInterest

---

id?

optional id?: string

Defined in: react/components/types.ts:22

Stable identifier, handy for tests and lookups.

Inherited from

ComponentProps.id

---

label?

optional label?: string

Defined in: react/components/types.ts:36

Structural/accessible label (also the tab title inside TabContainer).

Inherited from

ComponentProps.label

---

onChange?

optional onChange?: (index) => void

Defined in: react/components/layout/tabcontainer.tsx:8

Called with the new index when the tab changes.

Parameters

index

number

Returns

void

---

onClick?

optional onClick?: (ev) => void

Defined in: react/components/types.ts:61

Pointer click.

Parameters

ev

any

Returns

void

Inherited from

ComponentProps.onClick

---

onDragEnd?

optional onDragEnd?: (x, y, moved) => void

Defined in: react/components/types.ts:79

Drag released; moved is false for a tap with no movement.

Parameters

x

number

y

number

moved

boolean

Returns

void

Inherited from

ComponentProps.onDragEnd

---

onDragMove?

optional onDragMove?: (x, y) => void

Defined in: react/components/types.ts:77

Pointer moved while dragging from this widget.

Parameters

x

number

y

number

Returns

void

Inherited from

ComponentProps.onDragMove

---

onDragStart?

optional onDragStart?: (x, y) => void

Defined in: react/components/types.ts:75

Pointer-drag lifecycle; moved is false for a tap with no movement.

Parameters

x

number

y

number

Returns

void

Inherited from

ComponentProps.onDragStart

---

onKey?

optional onKey?: (ev) => void

Defined in: react/components/types.ts:65

Key event while focused; set ev.handled to consume it.

Parameters

ev

any

Returns

void

Inherited from

ComponentProps.onKey

---

onMouseDown?

optional onMouseDown?: (ev) => void

Defined in: react/components/types.ts:63

Pointer pressed (any button); the event carries button and x/y.

Parameters

ev

any

Returns

void

Inherited from

ComponentProps.onMouseDown

---

onMouseEnter?

optional onMouseEnter?: (ev) => void

Defined in: react/components/types.ts:69

Pointer entered this widget’s region.

Parameters

ev

any

Returns

void

Inherited from

ComponentProps.onMouseEnter

---

onMouseLeave?

optional onMouseLeave?: (ev) => void

Defined in: react/components/types.ts:71

Pointer left this widget’s region.

Parameters

ev

any

Returns

void

Inherited from

ComponentProps.onMouseLeave

---

onReorder?

optional onReorder?: (fromIndex, toIndex) => void

Defined in: react/components/layout/tabcontainer.tsx:17

Fired once when a drag-to-reorder ends at a different position than it started. The tab headers are already reordered live for visual feedback during the drag — reorder your own tab data in this callback so the new order survives the next render.

Parameters

fromIndex

number

toIndex

number

Returns

void

---

onScroll?

optional onScroll?: (ev) => void

Defined in: react/components/types.ts:67

Wheel / scroll event.

Parameters

ev

any

Returns

void

Inherited from

ComponentProps.onScroll

---

ref?

optional ref?: Ref<Widget>

Defined in: react/components/types.ts:30

Captures the underlying widget instance (React 19 ref-as-prop). Defaults to the base Widget; narrow it with a cast when you need a subclass field, e.g. ref={inputRef as React.Ref<InputWidget>}.

Inherited from

ComponentProps.ref

---

reorderable?

optional reorderable?: boolean

Defined in: react/components/layout/tabcontainer.tsx:10

Allow dragging a tab header to reorder tabs. Defaults to false.

---

style?

optional style?: WidgetStyles

Defined in: react/components/types.ts:32

Inline styles for this widget — see the Styling guide.

Inherited from

ComponentProps.style

---

theme?

optional theme?: string

Defined in: react/components/types.ts:34

Re-theme this subtree; descendants resolve $tokens against it.

Inherited from

ComponentProps.theme

---

visible?

optional visible?: boolean

Defined in: react/components/types.ts:47

Whether the widget participates in layout/paint. Unlike conditionally omitting the element from the tree, visible={false} keeps it (and its subtree) mounted with its state intact — just skipped when measuring, laying out, and rendering. Defaults to true.

Inherited from

ComponentProps.visible