Card Selector

Radio-card group for selecting one option from a set. Each card displays a label, description, and optional icon with an animated checkmark on selection.

Basic usage

Simple cards without icons in a 2-column grid (default).

With icons

Cards with leading icons for visual differentiation. Used in campaign objective selection.

Single column

Use gridCols="1" for a stacked layout, ideal inside dialogs or narrow panels.

Three columns

Use gridCols="3" for wider layouts with many options.

Disabled

All cards become non-interactive when disabled.