Tab Panel
<cs-tab-panel>
Tab panels hold the content shown for a single tab inside a tab group.
This component must be used as a child of <cs-tab-group>. Please see the Tab Group docs to see examples of this component in action.
API
Importing
If you're using the autoloader or a hosted project, components load on demand — no manual import needed. To cherry-pick this component, use one of the following snippets.
import '@cruglobal/cornerstone-components/components/tab-panel/tab-panel.js';
import './cornerstone/components/tab-panel/tab-panel.js';
import CsTabPanel from '@cruglobal/cornerstone-components/react/tab-panel/index.js';
Slots
Learn more about using slots.
| Name | Description |
|---|---|
| (default) | The tab panel's content. |
Attributes & Properties
Learn more about attributes and properties.
| Property | Attribute | Description | Type | Default | Reflects |
|---|---|---|---|---|---|
active | active | When true, the tab panel will be shown. | boolean | false | Yes |
name | name | The tab panel's name. | string | '' | Yes |
CSS Custom Properties
Learn more about CSS custom properties.
| Name | Description | Default |
|---|---|---|
--padding | The tab panel's padding. | — |