Tab Panel

import { OdsTab } from '@ods/components/react.tab';
import { OdsTabGroup } from '@ods/components/react.tab-group';
import { OdsTabPanel } from '@ods/components/react.tab-panel';

const Example = () => {
  return (
    <OdsTabGroup>
      <OdsTab slot="nav" panel="general">General</OdsTab>
      <OdsTab slot="nav" panel="custom">Custom</OdsTab>
      <OdsTab slot="nav" panel="advanced">Advanced</OdsTab>
      <OdsTab slot="nav" panel="disabled" disabled>Disabled</OdsTab>

      <OdsTabPanel name="general">This is the general tab panel.</OdsTabPanel>
      <OdsTabPanel name="custom">This is the custom tab panel.</OdsTabPanel>
      <OdsTabPanel name="advanced">This is the advanced tab panel.</OdsTabPanel>
      <OdsTabPanel name="disabled">This is a disabled tab panel.</OdsTabPanel>
    </OdsTabGroup>
  )
}

export default Example;