FormSwitch

Sakelar untuk menyalakan atau mematikan sesuatu, dengan perubahan yang langsung berlaku.

Dasar

Switch dipakai ketika perubahan langsung berlaku, misalnya menyalakan pemberitahuan. Bila pilihan baru berlaku setelah tombol Simpan ditekan, pakai FormCheckbox.

Satu pesan sehari sebelum truk berangkat.

Nilai: aktif

Baris pengaturan

Dengan reverse, label berada di depan dan switch di ujung kanan — susunan yang lazim pada daftar pengaturan. Bungkus daftarnya dengan <W4cFormField group> agar judul kelompok menjadi caption.

Pemberitahuan

Tonase dan biaya minggu berjalan.

Setiap tagihan terbit.

Selain email.

Berlaku untuk akun ini saja.

Ukuran, disabled, dan error

Ukuran sm dipakai di dalam baris tabel, lg untuk pengaturan utama. Disabled dan error diwarisi dari FormField seperti kontrol form lainnya.

Paket terkunci
Persetujuan

Aktifkan dulu sebelum menyimpan.

API

Props

PropTipeDefaultKeterangan
v-modelbooleanfalseHidup atau mati. Switch tidak punya status ketiga.
labelstring—Teks di samping switch. Slot default untuk isi yang lebih kaya.
descriptionstring—Baris penjelas di bawah label, terhubung lewat aria-describedby.
reversebooleanfalseLabel di depan dan switch di ujung kanan, untuk baris pengaturan.
size'sm' | 'md' | 'lg''md'Ukuran track, bulatan, dan teks.
id / disabled / invalid——Sama seperti kontrol form lain, termasuk pewarisan dari FormField.

Slots

SlotTipeDefaultKeterangan
default——Isi label.
description——Isi baris penjelas.

Atribut name dan ARIA diteruskan ke input; class/style diterapkan pada pembungkus untuk tata letak. Ref komponen menyediakan focus() dan blur().