Accordion
Questions that open with a smooth height and fade, in 16 styles – fully keyboard accessible.
$ npx shadcn@latest add https://ui.elysiumdesigns.in/r/accordion.jsonOnly the apps you connect. Each one asks for the smallest set of permissions it needs, and you can revoke any of them in one click.
Yes. Every action lands in the activity log with an undo for the next 24 hours – nothing is final until you say so.
Background tasks keep running and pause whenever they need your approval, so you come back to a short list instead of a mess.
More variants
Cards
Only the apps you connect. Each one asks for the smallest set of permissions it needs, and you can revoke any of them in one click.
Yes. Every action lands in the activity log with an undo for the next 24 hours – nothing is final until you say so.
Background tasks keep running and pause whenever they need your approval, so you come back to a short list instead of a mess.
With icons
Only the apps you connect. Each one asks for the smallest set of permissions it needs, and you can revoke any of them in one click.
Yes. Every action lands in the activity log with an undo for the next 24 hours – nothing is final until you say so.
Background tasks keep running and pause whenever they need your approval, so you come back to a short list instead of a mess.
Cards with plus
Only the apps you connect. Each one asks for the smallest set of permissions it needs, and you can revoke any of them in one click.
Yes. Every action lands in the activity log with an undo for the next 24 hours – nothing is final until you say so.
Background tasks keep running and pause whenever they need your approval, so you come back to a short list instead of a mess.
Accent line
Only the apps you connect. Each one asks for the smallest set of permissions it needs, and you can revoke any of them in one click.
Yes. Every action lands in the activity log with an undo for the next 24 hours – nothing is final until you say so.
Background tasks keep running and pause whenever they need your approval, so you come back to a short list instead of a mess.
Plus with icon
Only the apps you connect. Each one asks for the smallest set of permissions it needs, and you can revoke any of them in one click.
Yes. Every action lands in the activity log with an undo for the next 24 hours – nothing is final until you say so.
Background tasks keep running and pause whenever they need your approval, so you come back to a short list instead of a mess.
Agents
Reads the web, your docs and past tickets, then hands back a short brief with every source cited.
Opens small, reviewable pull requests and waits for a human before anything is merged.
Answers the easy tickets end to end and drafts replies for the hard ones, in your tone.
Icon and subtitle
Only the apps you connect. Each one asks for the smallest set of permissions it needs, and you can revoke any of them in one click.
Yes. Every action lands in the activity log with an undo for the next 24 hours – nothing is final until you say so.
Background tasks keep running and pause whenever they need your approval, so you come back to a short list instead of a mess.
Cards with chevron
Only the apps you connect. Each one asks for the smallest set of permissions it needs, and you can revoke any of them in one click.
Yes. Every action lands in the activity log with an undo for the next 24 hours – nothing is final until you say so.
Background tasks keep running and pause whenever they need your approval, so you come back to a short list instead of a mess.
Plus and minus
Only the apps you connect. Each one asks for the smallest set of permissions it needs, and you can revoke any of them in one click.
Yes. Every action lands in the activity log with an undo for the next 24 hours – nothing is final until you say so.
Background tasks keep running and pause whenever they need your approval, so you come back to a short list instead of a mess.
Tinted when open
Only the apps you connect. Each one asks for the smallest set of permissions it needs, and you can revoke any of them in one click.
Yes. Every action lands in the activity log with an undo for the next 24 hours – nothing is final until you say so.
Background tasks keep running and pause whenever they need your approval, so you come back to a short list instead of a mess.
Lifts when open
Only the apps you connect. Each one asks for the smallest set of permissions it needs, and you can revoke any of them in one click.
Yes. Every action lands in the activity log with an undo for the next 24 hours – nothing is final until you say so.
Background tasks keep running and pause whenever they need your approval, so you come back to a short list instead of a mess.
Round toggle
Only the apps you connect. Each one asks for the smallest set of permissions it needs, and you can revoke any of them in one click.
Yes. Every action lands in the activity log with an undo for the next 24 hours – nothing is final until you say so.
Background tasks keep running and pause whenever they need your approval, so you come back to a short list instead of a mess.
Grouped with icons
Open Connections, pick the app and approve the scopes it asks for. It takes under a minute.
Any model your workspace has enabled – switch per task from the model picker.
Anything that sends, buys or deletes. You can widen or narrow that list per agent.
Every read and write is in the activity log, with the exact record it changed.
Grouped
Open Connections, pick the app and approve the scopes it asks for. It takes under a minute.
Any model your workspace has enabled – switch per task from the model picker.
Anything that sends, buys or deletes. You can widen or narrow that list per agent.
Every read and write is in the activity log, with the exact record it changed.
With media
Only the apps you connect. Each one asks for the smallest set of permissions it needs, and you can revoke any of them in one click.
Yes. Every action lands in the activity log with an undo for the next 24 hours – nothing is final until you say so.
Background tasks keep running and pause whenever they need your approval, so you come back to a short list instead of a mess.
When to use
- Questions that open with a smooth height and fade, in 16 styles – fully keyboard accessible.
- You want a disclosure piece that already handles empty, loading and dark states.
Installation
Add Accordion with the shadcn CLI – your project needs a components.json – or copy the file by hand.
$ npx shadcn@latest add https://ui.elysiumdesigns.in/r/accordion.jsonAPI reference
Accordion
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | – | Extra classes on the root element. |
look | "classic" | "clean" | "classic" | Visual style. Both follow your light or dark theme. |