Radio

One choice; the dot is ink.

Stock

The stock

One choice. The rest stay quiet.

Install

npx @noordvc/raster-cli add radio

Markup

<label class="rs-radio"><span class="rs-radio-dot rs-radio-on"></span>Monthly</label>

React

import { Radio, RadioGroup } from "@/components/raster/radio";

<RadioGroup defaultValue="monthly" onValueChange={setPlan}>
  <Radio value="monthly" label="Monthly" />
  <Radio value="yearly" label="Yearly" />
</RadioGroup>

Classes

.rs-radio.rs-radio-dot.rs-radio-on