Velocity X Components

Forms

Checkbox Card Group

Multi-select add-on cards with the radio-card visual language but native checkbox semantics, zero JS.

Subscription Included with the Velocity Components subscription.
bash
$ velocityx add checkbox-card-group

Built for astro.

Full docs for Checkbox Card Group →

Needs a licence key — subscribe here, then velocityx loginonce.

astro v1.0.0
Checkbox Card Group
Add-ons

Props

NameTypeRequiredDefaultDescription
namestringYes
optionsCheckboxCardOption[]No[ { value: 'analytics', label: 'Analytics add-on', description: 'Daily rollups + anomaly alerts', meta: '+$9/mo', defaultChecked: true }, { value: 'priority-support', label: 'Priority support', description: '< 2hr response, any hour', meta: '+$19/mo' }, { value: 'white-label', label: 'White label', description: 'Remove our branding everywhere', meta: '+$29/mo' }, ]
legendstringNo
columns1 | 2 | 3No1
classNamestringNo''

File this creates

The CLI writes this path into your project, relative to its root — nothing else moves.

text
components/velocity/checkbox-card-group/CheckboxCardGroup.astro

Using the Checkbox Card Group component

Install it with velocityx add checkbox-card-group. The CLI writes the source straight into your project — no runtime dependency, no registry lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.

More from Forms.