# Card List

Card Lists present a set of selectable verification steps or modules. Each item has an icon, a label, and an optional badge. Used as the main navigation surface at the start of a verification session.

<Frame caption="Card List — anatomy, variants, and states (from the Prizma reference)">
<Image src="/assets/design-and-ux/card-list/preview.png" alt="Card List component reference" />
</Frame>

> 📘 Component tokens
>
> The color tokens for this component live in [Color → Tokens](/design-and-ux/color/), and its spacing, radius, and type map to the shared foundation scales.