Element: #067 Single (surfaces/accordion) What it shows: A single-open Accordion with three Liquid Glass FAQ questions, where opening one closes the others. When to use: FAQ sections where only one answer should be visible at a time. Spec: - `` - 3 items: ``, `value="a2"` and `value="a3"` - Item titles: What is Liquid Glass?, Which browsers support backdrop-filter?, Can I nest a Surface inside a Card? - The accordion is uncontrolled, nothing is bound - Wrapped in `.wrap` with `max-width: 560px` Tags: accordion, accordion-item, single, faq, disclosure Needs: @codeatlasdev/ui@4.4.0 Components: Accordion, AccordionItem Live demo: https://ui.codeatlas.com.br/docs/surfaces/accordion#single
Liquid Glass is the opt-in look of the kit: backdrop blur, refraction and tinting on surfaces. The default theme is solid. All modern evergreen browsers. Older environments receive a fallback without the blur effect. Yes. A Card is a Surface, so any Surface can sit inside it.