Tabs

Beta notice: This page is being built.Edit on GitHub(opens in new tab)

Tabs is a LongLink component that displays a tab strip and the selected Tab’s content.

This is a LongLink-specific component.

longlink docs component "Tabs"

Example

Overview content

Tabs - Properties
children`ReactNode` Tab elements defining labels and panel content.
gap`0 \| 0.5 \| 1 \| 1.5 \| 2 \| 3 \| 4 \| 5 \| 6 \| 8 \| 10`
hasDivider`boolean`
onChange`(value: string) => void` Receives the selected Tab value; use with value to control selection.
value`string` Selected Tab value; omit for internal selection, initially choosing the first tab.

Tab - Properties
children`ReactNode` Panel content mounted only while this tab is selected.
value`string` Unique value identifying this tab.
label`string` Visible tab label and accessible panel name.
isDisabled`boolean` Whether the tab is disabled.