Forms

Radio Card Group

Large selectable radio-as-card tiles for plan or shipping-method pickers, built on native radios with zero JS.

Subscription Included with the Velocity Components subscription.

bash

$ velocityx add radio-card-group

Built for astro.

Full docs for Radio Card Group →

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

astro v1.0.0

Radio Card Group

Choose a plan

Starter

For solo projects

$0/mo

Pro

For growing teams

$29/mo

Props

Name	Type	Required	Default
name	string	No	'plan'
options	RadioCardOption[]	No	[ { value: 'starter', label: 'Starter', description: 'For solo projects', meta: '$0/mo' }, { value: 'pro', label: 'Pro', description: 'For growing teams', meta: '$29/mo' }, ]
defaultValue	string	No
legend	string	No
columns	1 \| 2 \| 3	No	2
className	string	No	''

File this creates

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

text

components/velocity/radio-card-group/RadioCardGroup.astro

Using the Radio Card Group component

Install it with velocityx add radio-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.

All 406 components

Radio Card Group

Props

File this creates

Using the Radio Card Group component

Related components