RadioGroup

Single-selection group of radio buttons.

Monthly — €19/mo Annual — €182/yr (save 20%) Lifetime — €499 once

Usage

import { RadioGroupRoot, RadioGroupItem } from '@bwo-ui/react';

const [billing, setBilling] = useState('monthly');

<RadioGroupRoot value={billing} onValueChange={setBilling}>
  <label style={{ display: 'inline-flex', alignItems: 'center', gap: 10 }}>
    <RadioGroupItem value="monthly" /> Monthly — €19/mo
  </label>
  <label style={{ display: 'inline-flex', alignItems: 'center', gap: 10 }}>
    <RadioGroupItem value="annual" /> Annual — €182/yr (save 20%)
  </label>
  <label style={{ display: 'inline-flex', alignItems: 'center', gap: 10 }}>
    <RadioGroupItem value="lifetime" /> Lifetime — €499 once
  </label>
</RadioGroupRoot>