Astryx Design System

Selectable Card@astryxdesign/core v0.0.15 · SelectableCard

Usage

A card that toggles between selected and unselected states with an accent border. For navigation use ClickableCard.

ts
import {SelectableCard} from '@astryxdesign/core/SelectableCard'

Guidance	Practices
Do	Use for plan pickers, filter chips, or option grids.
Do	For single-select track one ID; for multi-select use a Set.
Don't	Use for navigation; use ClickableCard for that.

Common configurations, variations, and states.

SelectableCardMulti

Multi-select tag picker using color variant selectable cards with color-matched selection borders.