Forms
Checkbox Card Group
Multi-select add-on cards with the radio-card visual language but native checkbox semantics, zero JS.
$ velocityx add checkbox-card-group Built for astro.
Full docs for Checkbox Card Group →
Needs a licence key —
subscribe here, then
velocityx loginonce.
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| name | string | Yes | ||
| options | CheckboxCardOption[] | 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' }, ] | |
| legend | string | No | ||
| columns | 1 | 2 | 3 | No | 1 | |
| className | string | No | '' |
File this creates
The CLI writes this path into your project, relative to its root — nothing else moves.
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.
Related components
More from Forms.
Single-column name/email/subject/message contact form with a honeypot field, Netlify Forms opt-in, and a presentational action prop.
astroTwo-column contact layout with a named aside slot for a map or office photo, stacking to one column on mobile.
astroVertical catalog filter stack with collapsible checkbox groups and a price range, built on native details elements.
astroPost-submit status panel with success, error, and pending states for the host to swap in after a submission resolves.
astro