• Getting Started
  • Components
  • Advanced

Switch

Ready for production
Responsive
Check the source

Simple Use

Show Code
Edit on Stackblitz

Controlled (checked))

Show Code
Edit on Stackblitz

Disabled

Show Code
Edit on Stackblitz

Custom Sizes

Show Code
Edit on Stackblitz
Small Switch

Medium Switch

Large Switch

Custom Size Switch

Custom Icon Color, any valid css color (hex, rgb etc...) will work.

Show Code
Edit on Stackblitz
Custom Color

Themes

Show Code
Edit on Stackblitz
Primary Theme

Secondary Theme

Dark Theme

Light Theme

Info Theme

Warning Theme

Danger Theme

Success Theme

onChange Event

Show Code
Edit on Stackblitz

Check console for events

Quick LinksGithubTwitter