Toggle Switches
Komponen switch/toggle interaktif native HTML menggunakan utility classes Tailwind CSS (tanpa dependensi JS).
Warna & Tema (Color Variations)
Toggle switch dalam berbagai warna brand startup modern yang cerah dan fresh.
Primary / Brand Blue
Success Green
Danger Rose
Warning Amber
Info Cyan
Dark / Slate
Ukuran & Kondisi (Sizes & States)
Pilihan ukuran toggle untuk berbagai kebutuhan layout, serta status disabled.
Ukuran Kecil (Small)
Gunakan untuk area padat konten.
Ukuran Sedang (Default)
Ukuran standar form input.
Ukuran Besar (Large)
Ukuran lebih besar agar mudah di-klik di HP/Tablet.
Disabled State
Kondisi terkunci / tidak aktif.
Variasi Layout & Teks Label (Label Variations)
Implementasi penempatan label, ikon, dan deskripsi pendukung toggle switch.
Posisi Label
Nonaktif
Aktif
Settings Card Layout
Notifikasi Email (Aktif)
Kirim laporan harian otomatis ke email terdaftar.
Otentikasi Dua Faktor (2FA): Nonaktif
Amankan akun Anda menggunakan kode verifikasi OTP.
Implementasi pada Page Create (Mockup Form)
Contoh penempatan toggle switch pada form pembuatan data (misal: Tambah Produk Baru) untuk status is_active, promo, dan inventory tracking.