Card

A panel with a colored left edge. One `accent` property drives both the edge and the title.

Card surface with 4 variants (outline, elevated, soft, glass) and 3 inset scales (sm, md, lg) that pad header, content and footer together. Parts: Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter.

Displays a card with header, content, and footer.

A container for grouping related content and actions.

Accessible one-time password component with copy paste functionality.

Renders an accessible label associated with controls.

Pagination with page navigation with optional glassy variant.

A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time with optional glassy variant.

Displays a list of options for the user to pick from—triggered by a button with optional glassy variant.

A modal dialog that interrupts the user with important content and expects a response.

Use to show a placeholder while content is loading with optional glassy variant.

An image element with a fallback for representing the user.