Accordion

Import

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

Usage

Preview

Item 1

Item 1 content

Item 2

Item 2 content

Item 3

Item 3 content

Code

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

<Accordion.Root>
  <Accordion.Item value="1">
    <Accordion.ItemTrigger>
      Item 1
    </Accordion.ItemTrigger>
    <Accordion.ItemContent>
      Item 1 content
    </Accordion.ItemContent>
  </Accordion.Item>
  <Accordion.Item value="2">
    <Accordion.ItemTrigger>
      Item 2
    </Accordion.ItemTrigger>
    <Accordion.ItemContent>
      Item 2 content
    </Accordion.ItemContent>
  </Accordion.Item>
  <Accordion.Item value="3">
    <Accordion.ItemTrigger>
      Item 3
    </Accordion.ItemTrigger>
    <Accordion.ItemContent>
      Item 3 content
    </Accordion.ItemContent>
  </Accordion.Item>
</Accordion.Root>