Accordion

A vertically stacked set of interactive headings that each reveal a section of content.

Installation

npx shadcn-svelte@latest add https://retroui-svelte.netlify.app/r/accordion.json

Usage

		<script lang="ts">
  import * as Accordion from "$lib/components/ui/accordion/index.js";
</script>
 
<Accordion.Root type="single" class="space-y-4">
  <Accordion.Item value="item-1">
    <Accordion.Trigger>Is it accessible?</Accordion.Trigger>
    <Accordion.Content>
      Yes. It adheres to the WAI-ARIA design pattern.
    </Accordion.Content>
  </Accordion.Item>
</Accordion.Root>