Components
Accordion
cds Accordion: 40px headers (lg, default) whose ghost fill bleeds 12px past the text column, a 16px rotating caret, 1px dividers that hide under a hovered header, multiple open by default.
Default (lg, flush, multiple)
Header 40px, 15/22 w500, padding 9/12, radius 10. Hover / keyboard focus fill the header; focus adds a 1px inset accent ring. Panels animate their height in 200ms (instant with reduced motion).
Usage resets every five hours. Longer conversations and attachments use more of the allowance.
light
Not by default. You can change this in Privacy settings at any time.
dark
Not by default. You can change this in Privacy settings at any time.
Sizes and layouts
size="default" is the 32px / 14px header. flush=false keeps the header inside the column (use in contained cards). type="single" allows one open item.
Body copy for section B: 14/20 secondary text with 12px vertical padding.