Pages
Özel Anahtar (Custom Toggle)
Custom Toggle (Özel Anahtar), iki durum (açık/kapalı) arasında geçiş yapmak için tasarlanmış basit ve sezgisel bir bileşendir.
Sistem bileşenlerini kontrol etmek, bir modülü etkinleştirmek/devre dışı bırakmak veya örneğin bir havalandırıcıyı açıp kapatmak gibi durumlar için idealdir.
Genel Bakış
Custom Toggle, iki durum arasında görsel olarak net ve hızlı geçiş sunar.
Sistem, cihaz veya süreç kontrolünde kullanılabilir ve mevcut durum kullanıcıya görsel olarak gösterilir.
Temel Özellikler
İki Durumlu Anahtar
- Açık ve kapalı durumlar arasında geçiş yapılır
- Her durum farklı renk veya ikon ile temsil edilir
Gerçek Zamanlı Durum Göstergesi
- Anahtar mevcut durumu (açık/kapalı) anında yansıtarak kullanıcıya hızlı geri bildirim sağlar
Özelleştirilebilir Etiketler
- Her duruma özel etiket tanımlanabilir (örnek: "Fan Açık", "Fan Kapalı")
- Metinler ve ikonlar uygulama ihtiyacına göre ayarlanabilir
Ayarlanabilir Görünüm
- Renk, boyut ve stil gibi görsel özellikler sistem arayüzüne uygun şekilde düzenlenebilir
Durum Değişim Geri Bildirimi
- Durum değiştiğinde görsel veya işitsel geri bildirim eklenebilir
Kullanım Senaryoları
Sistem Kontrolü
- Örnek: Bir cihazın çalışmasını aç/kapa şeklinde kontrol etmek (örneğin fan)
Güvenlik Protokolleri
- Örnek: Acil durdurma veya sistem kapatma gibi güvenlik mekanizmalarını etkinleştirme
Cihaz Yönetimi
- Örnek: Bir cihazı uzaktan açmak veya kapatmak
SVG ID Referans Tablosu
| # | Eleman | SVG ID |
|---|---|---|
| 1 | Kapalı Durum Grubu | [code_block_0] |
| 2 | Açık Durum Grubu | [code_block_1] |
| 3 | Kaydırıcı (thumb) | [code_block_2] |
| 4 | Açık Etiketi (opsiyonel) | [code_block_3] |
| 5 | Kapalı Etiketi (opsiyonel) | [code_block_4] |
| 6 | Ana Kök Sınıf | [code_block_5] |
Kod Örneği
[code_block_6]