Skip to content

Checkboxes & Radio

Checkboxes

Standard Markdown task list syntax renders as checkboxes.

- [ ] Email notifications
- [x] SMS alerts
- [ ] Weekly digest
- [x] Product updates

Switches

Use label-first switch syntax for compact binary settings controls.

::: card
### Preferences

[Email notifications]{switch checked}
[SMS notifications]{switch}
[Auto-save drafts]{switch checked}
[Experimental features]{switch disabled}
:::

In a Form

## Preferences

- [x] Send me product updates
- [ ] Send me marketing emails
- [x] Enable two-factor authentication
- [ ] Make my profile public

[Save Preferences]*

Radio Buttons

Use ( ) and (x) for radio groups.

Subscription plan

- ( ) Free — 1 user, 5 projects
- (x) Pro — 10 users, unlimited projects
- ( ) Enterprise — unlimited everything

Inline Options

Notify me via

- (x) Email
- ( ) SMS
- ( ) Push notification

Syntax

- [ ] Unchecked checkbox
- [x] Checked checkbox

[Notifications]{switch}
[Dark mode]{switch checked}
[Auto-save]{switch disabled}

- ( ) Unselected radio
- (x) Selected radio