UI

Switch Input

Open in

Custom Switch Input Demo

Extended Click Area

The extended click area creates an invisible touch target around the switch, making it easier to interact with, especially on mobile devices. Meaning, you can "miss" clicking the button but still trigger its click handler.

Shape Variants

Size Variants

Custom Colors

Default Switch Input

With Validation

You must accept the terms

Data sharing is required

Muted Label Variant

Required Fields

Disabled State

With Hint Text

Adds an extra layer of security to your account

Receive important updates via email

With Description

Allow us to collect anonymous usage data to improve our service

Receive updates about new features and promotions