Skip to content

Latest commit

History

History
23 lines (17 loc) 路 854 Bytes

tab-panel.md

File metadata and controls

23 lines (17 loc) 路 854 Bytes

Tab Panel

[component-header:sl-tab-panel]

Tab panels are used inside tab groups to display tabbed content.

<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.

[component-metadata:sl-tab-panel]