Vibe UI
Initializing Vibe UI System...

Radio Group

A set of checkable buttons—known as radio buttons—where no more than one button can be checked at a time.

Radio Group

A set of checkable buttons—known as radio buttons—where no more than one button can be checked at a time.

Preview

Installation

pnpm dlx vibe-ui-kit@latest add radio-group label
💡 Vibe UI Component Dependencies: This component requires other components to work correctlyPlease make sure you also install these Vibe UI component dependencies: label

Preset Variations

Explore the different preset variants of the Radio Group component, supporting Default, Glassmorphic, Retro Neobrutalist, Neon Glow, and Cyberpunk styling configurations.

Default style
Glassmorphic
Retro Neobrutalist
Neon Glow
Cyberpunk Monospace

Props

RadioGroupItem

PropTypeDefaultDescription
valuestring-The unique value of the radio item within the radio group.
variant'default' | 'retro' | 'glass' | 'glow' | 'cyberpunk''default'The visual preset style variant of the radio button.
disabledbooleanfalseWhen true, prevents the user from interacting with the radio item.

Contributors

Theme Customizer

8px
@theme { --radius: 0.5rem; --glass-blur: 8px; }
Changes apply instantly to this documentation workspace.