Element: #073 Default (closed) (surfaces/collapsible) What it shows: Three independent Collapsible FAQ panels stacked with a small gap, all closed initially. When to use: Short FAQ or help blocks where each answer expands on its own. Spec: - `` with `max-width: 560px` - 3 `` child, two of them include a `

` token
- Nothing is bound to the open state, each panel manages its own
Tags: collapsible, faq, stack, disclosure, expand, title
Needs: @codeatlasdev/ui@4.4.0
Components: Collapsible, Stack
Live demo: https://ui.codeatlas.com.br/docs/surfaces/collapsible#default-closed




  
    A glass surface uses backdrop-filter blur and a translucent tint to create a layered depth effect that reacts to the content behind it.
  
  
    Presets remap the brand hue token. Switching preset updates every component that reads from --ca-brand-* without any JS.
  
  
    Yes. The colorScheme store writes a .dark class to the root element, which flips all dark-mode tokens.