Card Flexible and extensible content container with multiple variants and options.

CSS Source

Controls

Title Card header title

Body Card body content

Bordered Add a border around the entire card.

Actionable Show action placeholders.

Collapsible NOT compatible with Actionable. Allows the card body to collapse by clicking on the header. This works just like details/summary tags but with a smoother animation.

Collapsible Indent ONLY compatible with Collapsible. Indents the body content to line up with the header text (minus the chevron).

Properties Jump to heading

Class / Token	Type
`.prs-card`	Component	Container
`.prs-card-bordered`	Modifier	Adds a border
`.prs-card-action`	Modifier	Add some dividers
`.prs-card-collapse`	Modifier	Collapsible
`.prs-card-indent`	Modifier	Collapsible indent
`.prs-card-header`	Part	Container for header
`.prs-card-title`	Part	Container for title
`.prs-card-body`	Part	Container for body (only for -collapse)
`.prs-card-content`	Part	Container for content