Komponen Segmented Control
Pilihan opsi eksklusif horizontal ala tombol pil untuk filter tampilan, periode waktu, atau tema.
Rikat Declarative / PrimeNG-StyleKomponen pemilih opsi linier eksklusif ala <p-selectButton> di PrimeNG atau Segmented Control di iOS/macOS. Ideal untuk beralih mode tampilan, filter periode waktu, dan toggle status tanpa dropdown berlebih.
Pilihan Periode Waktu (Filter Laporan)
<!-- Segmented Control Array Teks Sederhana -->
<l-segmented options='["Hari Ini", "7 Hari Terakhir", "Bulan Ini", "Tahun Ini"]' value="Bulan Ini"></l-segmented>
Mode Tampilan Berikon (View Switcher)
Layout Katalog Produk:
Tema Antarmuka:
<!-- Segmented dengan Objek Label & Ikon -->
<l-segmented options='[{"label":"Tabel Data","value":"table","icon":"table"},{"label":"Kotak Grid","value":"grid","icon":"grid"},{"label":"Daftar Baris","value":"list","icon":"list"}]' value="grid"></l-segmented>
<!-- Toggle Tema -->
<l-segmented options='[{"label":"Terang","value":"light","icon":"sun"},{"label":"Gelap","value":"dark","icon":"moon"},{"label":"Sistem","value":"system","icon":"monitor"}]' value="dark"></l-segmented>
Demonstrasi Interaktif Reaktif
Tipe Akun Pengguna
Developer
Akses penuh untuk pembuatan aplikasi skala menengah dengan fitur Rikat CSS JIT dan Web Components tanpa batas.
<!-- Segmented Interaktif dengan Tangkapan Event -->
<l-segmented id="interactiveSegment" options='["Starter", "Developer", "Enterprise"]' value="Developer"></l-segmented>