Tabs

Import

import { Tabs } from '@beanwei/astro-ui'

Usage

Preview

Tab 1 content

Tab 2 content

Tab 3 content

Code

---
import { Tabs } from '@beanwei/astro-ui'
---

<Tabs.Root>
  <Tabs.List>
    <Tabs.Trigger>Tab 1</Tabs.Trigger>
    <Tabs.Trigger>Tab 2</Tabs.Trigger>
    <Tabs.Trigger>Tab 3</Tabs.Trigger>
  </Tabs.List>
  <Tabs.Content>
    Tab 1 content
  </Tabs.Content>
  <Tabs.Content>
    Tab 2 content
  </Tabs.Content>
  <Tabs.Content>
    Tab 3 content
  </Tabs.Content>
</Tabs.Root>