# Liquid glass accordion: spec and references

Source: https://meniscus.site/components/accordion · Updated 2026-09-27

Expandable sections. Layer: controls.

Also called: collapsible, disclosure, expander, faq.

| Property | Value |
|---|---|
| Material | regular per row; a row that expands into long text switches wholly to frost (one material per body) |
| Profile | squircle |
| Geometry | rows 44–48 tall, radius 16–18, gap 8; chevron right |
| Bezel (px) | 18 |
| Displacement (px) | 35–45 |
| Blur (px) | 3–6 (regular) / 10–16 (expanded, frost) |

## Anatomy

- separate glass rows with gaps
- title 14 semibold
- chevron
- expanded body text secondary

## States

- collapsed
- expanded (height animates with spring; map regenerates at the end)

## Rules

- Rows are separate bodies (8 px gaps), not one glass slab with glass rows inside.

## References

![Three stacked accordion rows with the middle one expanded into a text panel, over zoomed desert ridges.](https://meniscus.site/gallery/accordion-light-studio.webp)

![Three stacked accordion rows with the middle one expanded into a text panel, over a zoomed night skyline.](https://meniscus.site/gallery/accordion-dark-studio.webp)

## Use it with your assistant

This spec is what the Meniscus MCP server's `get_component_spec` tool returns for `accordion`. Materials, colours, light and composition rules that apply to every component are in the [liquid glass guide](https://meniscus.site/liquid-glass). Connect: `claude mcp add --transport http meniscus https://meniscus.site/mcp` — setup for every client: https://meniscus.site/docs