Dev Tools
CollapsibleTokenTable
TokenTable wrapped in a disclosure element. Click the summary row to expand the full token list. Shows a chevron icon and token count badge. Used for interaction state sections on token documentation pages.
Import
import CollapsibleTokenTable from '../../components/utility/CollapsibleTokenTable.astro';Props
| Prop | Type | Required | Description |
|---|---|---|---|
tokens | Token[] | Yes | Array of token objects (same shape as TokenTable) |
type | 'color' | 'spacing' | 'radius' | 'shadow' | 'default' | No | Preview type, defaults to 'color' |
summary | string | Yes | Label text for the disclosure trigger |
Preview
Interaction states 2
Preview Semantic name Primitive reference
content-brand-hovered L light-green-800
content-brand-pressed L light-green-900