Inputs

Radio

A radio input using the same hidden-input pattern as Checkbox. Group multiple with a shared name.

Radio

Preview

Standard shipping (3–5 days)Express shipping (1–2 days)

Usage

tsx

import { Radio } from "@vesture/react";

<Radio name="shipping" value="standard" label="Standard shipping" checked={shipping === "standard"} onChange={() => setShipping("standard")} />
<Radio name="shipping" value="express" label="Express shipping" checked={shipping === "express"} onChange={() => setShipping("express")} />

Props

Prop	Type	Default	Description
label	ReactNode	—	Rendered after the visual circle.
...rest	Omit<InputHTMLAttributes<HTMLInputElement>, "type">	—	Spread onto the hidden native input — name, value, checked, onChange.