Accordion Component

A simple and customizable accordion component for collapsible content sections.

Overview

The Accordion component provides:

Collapsible content sections with toggle functionality
Customizable header text
Animated dropdown icon indicating open/closed state
Slot-based content rendering

When to Use

Use the Accordion component when you need to:

Organize content into collapsible sections
Save vertical space in your UI
Group related information that doesn't need to be visible all at once
Create FAQ sections or content hierarchies

Key Features

Simple Toggle: Click to expand or collapse content
Visual Indicator: Rotating icon shows current state
Content Flexibility: Use slots to add any content to the accordion body
Customizable: Style the accordion to match your design system

API Reference →