Search documentation of phoenix_kit

# PhoenixKitWeb.Components.Core.Accordion (phoenix_kit v1.7.87)

Copy Markdown View Source

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>

## Summary

### Functions

accordion(assigns)

## Functions

# accordion(assigns)

## Attributes

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

## Slots

- `title` (required)
- `content` (required)