LERN Design System LERN Design System
  • Implementation
    • Sekolah.mu
    • Karier.mu
    • Talentics
    • Sekolah Murid Merdeka
LERN Design System LERN Design System
LERN Design System LERN Design System
  • Implementation
    • Sekolah.mu
    • Karier.mu
    • Talentics
    • Sekolah Murid Merdeka
Sekolah.mu
  • Brand Logo
    • Sekolah.mu
  • Foundation
    • Typography
    • Color Palette
    • Elevation
    • Border & Radius
  • Icon
    • Icon Style
    • Compotition
    • Specification
    • Best Practice
  • Illustration
    • Illustration Type
    • Character Design
    • Element & Background
    • Illustration Size & Usage
    • Best Practice
    • Category
  • Component
    • Accordion
    • App Bar & Nav Bar
    • Avatar
    • Bottom Sheet
    • Breadcrumb
    • Button
    • Carousel Indicator
    • Checkbox
    • Coach Mark
    • Content Switcher
    • Date Picker
    • Dropdown
    • Modal
    • Notification Dot
    • Pagination
    • Pop Up
    • Progress Bar
    • Radio Button
    • Rating
    • Search Field
    • Skeleton
    • Tab
    • Tag
    • Text Area
    • Text Field
    • Ticker
    • Toast
    • Toggle
    • Tooltip
  • Dashboard Component
    • Accordion
    • Avatar
    • Breadcrumb
    • Button
    • Checkbox
    • Coachmark
    • Date Time Picker
    • Input Field
    • Modal
    • Navigation Bar
    • Pagination
    • Pop Up
    • Progress Bar
    • Radio Button
    • Search Field
    • Sidebar
    • Tab
    • Tag
    • Title Page
    • Ticker
    • Toast
    • Toogle
    • Tooltip

Toggle

Toggles are utilized to quickly switch between two possible states. They are specifically designed for binary actions that occur immediately after the user activates them. Toggles are commonly employed for "on/off" switches.

Variant

True

False

Switch

Disable

Indicator

© 2024 All Rights Reserved.