Katalog Komponen UI (UI Kit)

Web Component ikon modern instan cukup dengan <l-icon name="...">.

Tombol aksi utama, sekunder, outline, bahaya, dan ikon interaktif.

Elemen input teks, pencarian berikon, dropdown select, dan switch.

Varian dropdown menu aksi mengambang dan select kustom elegan.

Kontrol pilihan boolean dan toggle switch animasi murni CSS.

Container data terstruktur, ringkasan analitik, dan profil pengguna.

Indikator status ringkas dengan skema warna kontekstual.

Kotak banner umpan balik status sukses, perhatian, dan bahaya.

Dialog konfirmasi pop-up interaktif reaktif bawaan Rikat UI.

Pemberitahuan mengambang ringan di sudut layar dengan dismiss otomatis.

Panel samping geser yang meluncur masuk untuk formulir detail atau filter.

Tampilan tabular bersih dengan sorting kolom, baris zebra, & tombol aksi.

Navigasi pembagian data tabel multi-halaman dengan rentang item.

Penunjuk posisi hirarki navigasi situs dengan separator kustom.

Tab bar segmental, breadcrumb hirarkis, dan pagination rapi.

Penunjuk tahapan progres wizard bertahap untuk formulir panjang.

Visualisasi urutan kejadian waktu, jejak audit, dan log status pesanan.

Identitas avatar profil, badge online, dan avatar stacked group.

Panel lipat expandable untuk dokumentasi dan FAQ padat isi.

Zona penjatuhan berkas interaktif dengan drag-and-drop & status file.

Progress bar bertahap, skeleton shimmer, dan spinner interaktif.

Petunjuk mengambang kontekstual yang rapi dan informatif.

Widget metrik KPI, tren analitik, dan status performa server.

Placeholder ilustratif dan tombol aksi ramah saat data belum tersedia.

Kontrol geser interaktif untuk pemilihan angka, rentang nilai, step interval, dan binding.

Umpan balik penilaian pengguna interaktif, hover visual, dan mode ulasan baca-saja.

Pilihan opsi linier horizontal untuk filter periode waktu, view switcher, atau tema.

Garis pemisah horizontal dan vertikal beranotasi teks tengah, ikon, atau dashed.

Tag kompak kategori entitas, avatar pengguna, dan token kata kunci yang dapat dihapus.

Tombol keyboard taktil semantik untuk panduan kombinasi tombol cepat antarmuka.

Kotak verifikasi 4 dan 6 digit angka dengan autofokus maju-mundur dan mode sandi.

Palet warna aksen swatches kurasi dan input kode hex dengan live preview elemen.

Navigasi pohon direktori hierarkis bertingkat dengan animasi expand/collapse halus.

Kerangka efek animasi shimmer untuk transisi pemuatan data teks, kartu, dan avatar.