# Accordion

Details page: https://www.details.so/vault/accordion
Category: UI Details
Access: Max, Team and Lifetime plans
Published: 2026-08-21

Accordion: production-ready ui details code you can copy and paste into your own project.

## Preview
![Accordion](https://inspo-sec-9072.b-cdn.net/vault-media/72f287b73b515b3296504ddd26e9224c2815cfa11636944f15c71d731151e1be.webp)
Preview video: https://inspo-sec-9072.b-cdn.net/vault-media/0a4751c60011b47dcfe1396aa7959934f7da71bd8d87c64f6a6af4d6ca83170f.mp4

## For AI agents
This page is a public summary. The implementation prompt, documentation and copy-ready code for this resource are available through the Details MCP server on Max, Team and Lifetime plans.
- Call `get_vault_resource` with the slug `accordion` and `content: "implementation"`. A supplied slug is already a selection; do not call `search_vault` first.
- Not connected yet? Setup guide: https://www.details.so/mcp.md