Komponen Chip & Tag Interaktif
Elemen tag kompak untuk kategori, filter pilihan, informasi pengguna, dan tombol hapus dismissible.
Rikat Declarative / PrimeNG-StyleKomponen chip interaktif ala <p-chip> di PrimeNG. Digunakan untuk merepresentasikan tag kategori, filter entitas, token kata kunci, atau profil pengguna kecil dengan opsi tombol hapus (dismissible).
Chip Tag Standar & Berikon
<!-- Chip Teks Dasar -->
<l-chip label="Ngapakin V1.1"></l-chip>
<!-- Chip Berikon -->
<l-chip label="Python 3.10" icon="terminal"></l-chip>
<l-chip label="JIT Engine" icon="zap"></l-chip>
Chip Interaktif Dapat Dihapus (Removable)
Klik tanda silang (x) untuk menghapus tag filter pencarian:
<!-- Chip dengan Tombol Hapus (Removable) -->
<l-chip label="Kategori: E-Commerce" removable></l-chip>
<l-chip label="Status: Aktif" icon="check-circle" removable></l-chip>
<l-chip label="Lokasi: Banyumas" icon="map-pin" removable></l-chip>
Avatar Chip (Identitas Pengguna & Petugas)
<!-- Chip Pengguna / Petugas -->
<l-chip label="Ilham Hatta (Lead)" icon="user"></l-chip>
<l-chip label="Admin Sistem" icon="shield" removable></l-chip>
Input Token / Tag Dinamis Interaktif
Kata Kunci Artikel (Tekan Enter untuk Menambah)
<!-- Dynamic Tag Manager Implementation -->
<div id="tagsList" style="display: flex; gap: 0.5rem; flex-wrap: wrap;">
<l-chip label="Web Framework" removable></l-chip>
</div>
<l-input id="newTagInput" placeholder="Ketik tag baru..."></l-input>
<l-button label="Tambah" severity="primary" icon="plus"></l-button>