TabPanel

<ts-tab-panel> vv0.4.0

The ts-tab-panel component.

Open in Storybook for interactive demos.

Preview

<ts-tab-panel>Content</ts-tab-panel>

Properties

Property	Attribute	Type	Default	Description
disabled	disabled	boolean	false	Whether this tab is disabled.
icon	icon	string | undefined	—	Optional icon name displayed before the tab label.
tab	tab	string	—	The label text displayed in the tab button.
value	value	string	—	Unique identifier for this tab panel.

Slots

Name	Description
*(default)*	Default slot for panel content.

CSS Parts

Use ::part() to style internal elements:

Part	Description
panel	The panel container element.

ts-tab-panel::part(panel) {
  /* your custom styles */
}

Usage

HTML

<ts-tab-panel>Content</ts-tab-panel>

React

import { TsTabPanel } from '@tessera-ui/react';

<TsTabPanel>Content</TsTabPanel>