Form controls

Checkbox, Radio, Switch and Textarea are the same shared controls as the desktop set with an added touch size. The size keeps the mark small but extends the hit area to 44px, so the finger target is comfortable without an oversized control.

Checkbox & Switch

<Checkbox size="touch" aria-label="Select" /><Switch size="touch" aria-label="Notify" defaultChecked />

The 44px target comes from a centered invisible overlay, so the mark stays 16–20px.

Radio

Solo Team

<RadioGroup aria-label="Plan" defaultValue="team">  <label><Radio size="touch" value="solo" /> Solo</label>  <label><Radio size="touch" value="team" /> Team</label></RadioGroup>

Textarea

<Textarea size="touch" placeholder="What is this about?" />

Props

Prop	Type	Default	Notes
`size`	`'md' \| 'touch'`	`'md'`	touch gives a 44px hit area (Checkbox/Radio/Switch) or a taller field (Textarea).