PhoenixKitWeb.Components.Core.Accordion (phoenix_kit v1.6.15)

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)

Attributes

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

Slots

  • title (required)
  • content (required)