Komponen / Form & input

Token

Nilai terpilih yang bisa dihapus di dalam MultiSelect atau baris filter aktif: assignee, tag, kriteria filter.

React · BetaFigma · siapFigma Sumber

Kapan dipakai

Gunakan

Pakai untuk nilai yang sudah dipilih pengguna dan bisa dilepas satu per satu.
Sertakan nama kriteria di Token filter ("Status: Menunggu persetujuan") agar maknanya jelas di luar konteks.
Biarkan deretan Token membungkus ke baris baru; label panjang dipotong dengan elipsis.

Hindari

Jangan memakai Token untuk status dokumen — pakai StateLabel.
Jangan memakai Token sebagai tombol pemicu filter — pakai FilterChip.
Jangan menaruh tombol hapus pada nilai yang tidak boleh dilepas (mis. pemilik dokumen).

INV-2026-0192Lunas

LisensiPrioritas

GunakanToken untuk nilai pilihan yang bisa dilepas; status memakai StateLabel.

INV-2026-0192Lunas

HindariStatus dokumen ditulis sebagai Token yang bisa dihapus.

Status: Menunggu persetujuanCustomer: PT Arunika Data

GunakanToken filter menyebut kriteria dan nilainya.

MenungguArunika

HindariHanya nilai — "Menunggu", "Arunika" — tanpa kriteria.