# `PhoenixKitWeb.Components.Core.Accordion`
[🔗](https://github.com/BeamLabEU/phoenix_kit/blob/v1.7.87/lib/phoenix_kit_web/components/core/accordion.ex#L1)

Accordion Component for collapsible content sections.

A versatile accordion component that allows users to expand/collapse
content sections, perfect for organizing advanced settings and options.

## Features

- Smooth animations and transitions
- Multiple accordion items in a single component
- Custom icons and styling
- Keyboard navigation support
- Controlled and uncontrolled modes

## Usage

    <.accordion id="advanced-settings">
      <:title>Advanced AWS Settings</:title>
      <:content>
        Your advanced settings content here...
      </:content>
    </.accordion>

# `accordion`

## Attributes

* `id` (`:string`) (required)
* `open` (`:boolean`) - Defaults to `false`.
* `class` (`:string`) - Defaults to `""`.
## Slots

* `title` (required)
* `content` (required)

---

*Consult [api-reference.md](api-reference.md) for complete listing*
