webawesome/docs/pages/components/tab.md

meta, layout

meta	layout
title description Tab Tabs are used inside tab groups to represent and activate tab panels.	component

<wa-tab>Tab</wa-tab>
<wa-tab active>Active</wa-tab>
<wa-tab closable>Closable</wa-tab>
<wa-tab disabled>Disabled</wa-tab>

import WaTab from '@shoelace-style/shoelace/dist/react/tab';

const App = () => (
  <>
    <WaTab>Tab</WaTab>
    <WaTab active>Active</WaTab>
    <WaTab closable>Closable</WaTab>
    <WaTab disabled>Disabled</WaTab>
  </>
);

:::tip Additional demonstrations can be found in the tab group examples. :::