DataDisplay.accordion
Server-rendered
Accordion with multiple items.
Uses <details> for no-JS progressive enhancement.
FAQ accordion
What is CinderUI?
A Phoenix-first component library modeled after shadcn/ui patterns.
Does it require JavaScript?
Core interactions use semantic HTML first, with optional hooks for enhancement.
<.accordion>
<:item title="What is CinderUI?" open={true}>
A Phoenix-first component library modeled after shadcn/ui patterns.
</:item>
<:item title="Does it require JavaScript?">
Core interactions use semantic HTML first, with optional hooks for enhancement.
</:item>
</.accordion>
Release notes
v0.4.0 · New components
Added pagination, tabs, and command palette docs pages.
v0.3.2 · Docs quality
Added generated attr and slot tables plus HEEx copy snippets.
v0.3.0 · Static site
Introduced static docs export and theme controls.
<.accordion>
<:item title="v0.4.0 · New components" open={true}>
Added pagination, tabs, and command palette docs pages.
</:item>
<:item title="v0.3.2 · Docs quality">
Added generated attr and slot tables plus HEEx copy snippets.
</:item>
<:item title="v0.3.0 · Static site">
Introduced static docs export and theme controls.
</:item>
</.accordion>
Attributes
| Name | Type | Default | Values | Global Includes |
|---|---|---|---|---|
class
|
:string |
— | — | — |
rest
|
:global |
— | — | — |
Slots
| Slot | Slot Attributes |
|---|---|
item
Required
|
title
(:string)
Required
open
(:boolean)
|