Patterns Intents Blocks Me

Switch

Toggle a single setting on or off.

Accordion Avatar Badge Banner Breadcrumb Button Card Checkbox Collapsible Command Dialog Dropdown Empty Input Item Pagination Popover Select Skeleton Switch Table Tabs Tooltip

Basic

Airplane mode

With label

Share usage data

Help us improve the product with anonymous analytics.

With description

sm

default

Sizes

Disabled off

Disabled on

Disabled

Theme toggle

Icon in thumb

Notifications

Choose how we reach you.

Marketing emails

Product updates, tips, and announcements.

Security alerts

Sign-in notifications and password changes.

Weekly digest

A summary of your team activity every Monday.

Settings group

•••• •••• •••• 4242

Ada LovelaceVISA

Automatic payments

Charge this card on the 1st of each month.

Credit card auto-pay

Extra storage

+100 GB of cloud storage.

$4/mo

Priority support

24/7 chat with a 1h response SLA.

$9/mo

Choice cards

Enable two-factor authentication

Invalid / required

Marketing emails

Receive product news and offers.

React Hook Form + Zod

Marketing emails

Receive product news and offers.

TanStack Form + Zod

Built by Felipe Menezes. The source code is available on GitHub.