ZEVA 2 - Create Selection Card component in Design System (Checkbox / Radio)
@dallascrichmond is already working on this.
Since May 4, 2026.
- Dominant language
- TypeScript
- Stars
- 1
- Forks
- 6
- Avg merge
- 8h 52m
- Merged PRs (30d)
- 33
Description
Describe the task
Create a reusable Selection Card component for the design system.
This component represents selectable options displayed as cards with a title, description and selection control (checkbox or radio).
The component will be used for patterns like roles selection in Administration and potentially other areas of the system.
Components link
Purpose
Standardize this UI pattern in the design system and ensure consistent implementation across the product.
Acceptance Criteria
- The component supports two variants: Checkbox & Radio
- Component structure includes: selection control (checkbox or radio)/ title/ description text
The component supports the following states:
-
default
-
hover
-
selected
-
disabled
-
focus
-
The entire card is clickable, not only the checkbox/radio control.
-
Checkbox variant allows multiple selections.
-
Radio variant allows single selection within a group.
-
Visual styling follows the design system guidelines.
Additional context
This pattern is currently used in the Administration - Roles selection UI.
Design examples are attached.
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.