Tabs
Tabs organize content into distinct panels that users can switch between.
Basic
GeneralNotificationsSecurityDisabledGeneral settings and preferences.Configure notification delivery channels.Two-factor authentication and password settings.This panel is disabled.Placement
Bottom
Tab 1Tab 2Tab 3Content for tab 1.Content for tab 2.Content for tab 3.With Icons
OverviewAnalyticsSettingsDashboard overview with key metrics.Detailed analytics and charts.System configuration options.Closable
File 1File 2File 3Contents of File 1.Contents of File 2 (closable).Contents of File 3 (closable).Usage
<sl-tab-group>
<sl-tab slot="nav" panel="one">Tab 1</sl-tab>
<sl-tab slot="nav" panel="two">Tab 2</sl-tab>
<sl-tab-panel name="one">Content 1</sl-tab-panel>
<sl-tab-panel name="two">Content 2</sl-tab-panel>
</sl-tab-group>