Lewati ke konten
aksesin.Design system
FondasiKomponenAlur produk
Coba prototype
MULAI DI SINI
IkhtisarFondasi & tokenKomponen AksesinAlur produkTangkapan layar
PRIMITIVES30
Aksi⌄
ButtonDropdown Menu
Formulir⌄
FieldInputTextareaSelectCheckboxRadioSwitch
Tampilan Data⌄
CardBadgeChipAvatarTableStatProgressSkeleton
Umpan Balik⌄
AlertToastDialogSheetPopoverTooltipEmpty State
Navigasi⌄
TabsAccordionBreadcrumbPaginationStepper
Tata Letak⌄
Divider
Buka prototype
Sumber kebenaran visualToken → komponen → layar

Chip

Token filter yang dapat dipilih dan dihapus.

Basis: Presentasional, dengan tombol hapus opsional. Halaman galeri ini adalah client component karena Chip menerima callback onRemove.

src/components/ui/chip.tsx

Dapat Dipilih

Dapat Dihapus

Klik tanda silang untuk menghapus token dari daftar.

Jawa Barat2026Prioritas tinggi

Status

Tidak dipilihDipilih

Props

PropTipeBawaanKeterangan
childrenReactNode—Isi token.
selectedbooleanfalseMenandai token dalam keadaan terpilih.
onRemove() => void—Bila diisi, menampilkan tombol hapus. Membuat pemanggilnya harus client component.
removeLabelstring"Hapus"aria-label untuk tombol hapus.
SebelumnyaBadgeBerikutnyaAvatar