LivaSwitch
DevExtreme'in Switch bileşeni üzerine kurulu; renk için variant ve boyut
için size prop'larıyla genişletilmiş bir aç/kapat anahtarı.
import { LivaSwitch } from "@dataliva/livalib";
Renk varyantları
variant açık durumdaki rengi belirler. Sırasıyla primary, secondary,
success, warning, danger.
Renk varyantları
Önizleme yükleniyor…
Boyutlar
Sırasıyla small, medium, large.
Boyutlar
Önizleme yükleniyor…
Kontrollü değer
value ve onValueChanged ile bileşen React state'ine bağlanır.
Kontrollü değer
Önizleme yükleniyor…
Durumlar
disabled etkileşimi tamamen kapatır; readOnly değeri korur ama görünümü
soluklaştırmaz, hint üzerine gelindiğinde ipucu gösterir.
Durumlar
Önizleme yükleniyor…
| Prop | Tip | Varsayılan |
|---|---|---|
value | boolean | false |
defaultValue | boolean | — |
onValueChanged | (e) => void | — |
variant | 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'primary' |
size | 'small' | 'medium' | 'large' | 'medium' |
disabled | boolean | false |
readOnly | boolean | false |
hint | string | — |
className | string | — |
Ayrıca DevExtreme ISwitchOptions'tan gelen tüm prop'lar (ör.
switchedOnText, switchedOffText, width).