kopia lustrzana https://github.com/shoelace-style/shoelace
24 wiersze
825 B
Markdown
24 wiersze
825 B
Markdown
|
# Tab Panel
|
||
|
|
|
||
|
|
[component-header:sl-tab-panel]
|
||
|
|
|
||
|
|
Tab panels are used inside tab groups to display content.
|
||
|
|
|
||
|
|
```html preview
|
||
|
|
<sl-tab-group>
|
||
|
|
<sl-tab slot="nav" panel="general">General</sl-tab>
|
||
|
|
<sl-tab slot="nav" panel="custom">Custom</sl-tab>
|
||
|
|
<sl-tab slot="nav" panel="advanced">Advanced</sl-tab>
|
||
|
|
<sl-tab slot="nav" panel="disabled" disabled>Disabled</sl-tab>
|
||
|
|
|
||
|
|
<sl-tab-panel name="general">This is the general tab panel.</sl-tab-panel>
|
||
|
|
<sl-tab-panel name="custom">This is the custom tab panel.</sl-tab-panel>
|
||
|
|
<sl-tab-panel name="advanced">This is the advanced tab panel.</sl-tab-panel>
|
||
|
|
<sl-tab-panel name="disabled">This is a disabled tab panel.</sl-tab-panel>
|
||
|
|
</sl-tab-group>
|
||
|
|
```
|
||
|
|
|
||
|
|
?> Additional demonstrations can be found in the [tab group examples](/components/tab-group.md).
|
||
|
|
|
||
|
|
[component-metadata:sl-tab-panel]
|