Want a mobile feel on the web? Use the Switch component to start using switches as a checkbox or a radio. Customize the feel of switches via shape prop which accepts the following values:

• outline (default)
• fill
• slim

Checkbox

By default Switch components behave as a checkbox. You can override this behavior by passing the type prop.

Outline
Fill
Slim
Show Code

Radio

You're free to mix-and-match colors too!

Summer
Winter
Fall
Show Code