Toggle Switch Components

Basic Toggle Switches

Default Toggle

Checked Toggle

Disabled Off

Disabled On

Size Variations

Small

Medium (Default)

Large

Extra Large

Color Variations

Primary (Blue)

Success (Green)

Danger (Red)

Warning (Orange)

Purple

Pink

Toggle with Icons & Labels

Check/Cross Icons

ON/OFF Labels

Dark Mode

Style Variations

Default (Rounded)

Square

Flat (No Shadow)

Gradient

Animated

Label Positions

Label Left

Label Right

Label Top

Label Bottom

Toggle with Status Text

Active

Inactive

Toggle Groups

Notification Settings

Email Notifications

Receive email updates about your account

Push Notifications

Get push notifications on your device

SMS Alerts

Receive text messages for important updates

Weekly Digest

Get a weekly summary of your activity

Toggle Cards

Premium Plan

Unlock all premium features including advanced analytics, priority support, and unlimited storage.

Enterprise Plan

Everything in Premium plus dedicated account manager, custom integrations, and SLA guarantees.

Privacy Settings

Privacy & Security

Profile Visibility

Make your profile visible to other users

Activity Status

Show when you're online

Two-Factor Authentication

Add an extra layer of security to your account

Data Collection

Allow us to collect usage data for improvements

Special States

Loading State

Disabled Off

Disabled On