Switch
Bir ayarı tek tıklamayla açıp kapatan anahtar. Arka planda role="switch" taşıyan bir checkbox'tır; anında etkili olan açık/kapalı ayarlar için kullanılır.
Temel kullanım
Metni label ile ya da bileşenin içine yazarak verin; metne tıklamak da anahtarı değiştirir. Açık başlatmak için checked ekleyin.
<acun:switch name="sw_bildirim" label="Sipariş bildirimleri" checked />
<acun:switch name="sw_bulten">E-posta bülteni</acun:switch>| Prop | Değerler |
|---|---|
label | Anahtarın yanındaki metin |
checked | Açık başlatır |
Açıklama
description etiketin altına soluk renkte bir açıklama ekler. Ayarın ne işe yaradığını tek cümleyle anlatmak için kullanın.
<acun:switch name="ac_sms" label="SMS bildirimi" description="Sipariş kargoya verilince müşteriye SMS gönderilir." checked />
<acun:switch name="ac_iki_adim" label="İki adımlı doğrulama" description="Ekip üyeleri her girişte SMS koduyla doğrulanır." />| Prop | Değerler |
|---|---|
description | Etiketin altındaki açıklama |
Boyutlar
İki boyut vardır ve size ile seçilir; verilmezse md kullanılır. Tablo satırı gibi dar yerlerde sm uygundur.
<acun:switch name="boy_sm" size="sm" label="Küçük" checked />
<acun:switch name="boy_md" label="Orta" checked />| Prop | Değerler |
|---|---|
size | sm | md |
Pasif
disabled niteliği anahtarı kilitler ve soluk gösterir; açık ya da kapalı durumda kullanılabilir.
<acun:switch name="pasif_acik" label="Otomatik yedek (yönetici açtı)" checked disabled />
<acun:switch name="pasif_kapali" label="Toplu SMS (paket gerekli)" disabled />| Prop | Değerler |
|---|---|
disabled | Değiştirilemez ve soluk görünür |
Değer ve Livewire
Açıkken gönderilen değer varsayılan olarak 1'dir; kapalıyken klasik formda hiçbir şey gönderilmez. wire:model ile boolean bir özelliğe bağlayın; aynı diziye bağlanan anahtarlarda her birine farklı value verin.
<acun:switch wire:model.live="bildirimAcik" label="Sipariş bildirimleri" />
@foreach (['sms' => 'SMS', 'eposta' => 'E-posta'] as $kanal => $ad)
<acun:switch wire:model="kanallar" :value="$kanal" :label="$ad" />
@endforeach| Prop | Değerler |
|---|---|
value | Açıkken gönderilen değer (1) |
wire:model | Boolean ya da dizi özellik |
Prop'lar ve slot'lar
Bileşenin kabul ettiği değerler.
| Prop | Varsayılan | Açıklama |
|---|---|---|
label | null | Anahtarın yanındaki metin; yoksa slot içeriği |
description | null | Etiketin altındaki açıklama |
name | null | Alan adı; yoksa wire:model değeri |
checked | false | Açık başlatır |
size | md | sm · md |
value | 1 | Açıkken gönderilen değer (nitelik) |