# Hand-drawn Radio Group

> A fieldset-based radio group whose native circles are overlaid with a seeded, hand-drawn pencil ring, ink circle and dot (or a kolam flower bloom), for forms that want a sketched, paper-like feel instead of flat UI controls. Ported to React from Susegad UI's sg-radio-group web component by Sarat Chandra Gnanamgari (MIT).

- Author: [sarat-asymmetrica](https://21st.dev/@sarat-asymmetrica)
- Library: sarat-asymmetrica
- License: MIT
- Tags: Radio, Radio Group, Form, Hand Drawn
- Live preview: https://21st.dev/@sarat-asymmetrica/components/radio

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/sarat-asymmetrica/radio?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt · More like this: https://21st.dev/community/components/s/radio.md