Komponen / Form & input
Token
Nilai terpilih yang bisa dihapus di dalam MultiSelect atau baris filter aktif: assignee, tag, kriteria filter.
Import
tsx
import { Token } from '@divistant/circca-react';Props
Juga menerima atribut <span>. ref diteruskan ke <span> pembungkus.
| Prop | Tipe | Default | Keterangan |
|---|---|---|---|
| children | ReactNode | — | Label nilai (properti Figma "Label"). String juga dipakai untuk label tombol hapus & inisial avatar. |
| size | 'sm' | 'md' | 'md' | Small 20 (Footnote) atau Medium 24 (Callout). |
| avatar | boolean | { name?: string; src?: string } | — | Avatar berinisial di depan label (properti Figma "Avatar"). true = inisial dari label. |
| onRemove | () => void | — | Menampilkan tombol hapus × (properti Figma "Removable"). |
| removeLabel | string | "Hapus <label>" | Label aksesibel tombol hapus. |
| disabled | boolean | false | Token dipudarkan dan tombol hapus nonaktif. |
| className | string | — | Kelas tambahan (digabung aman dengan tailwind-merge). |
Sumber
Kode komponen ada di packages/react/src/components/token. Gaya hanya memakai kelas token Circca HIG — tidak ada warna, spasi, atau radius mentah.