Lewati ke konten

Chip - Vue

Chip

banner-background
import { Chip } from '@idds/vue';
NameTypeDefaultRequiredDescription
optionsChipOption[]YesDaftar opsi statis. Setiap opsi memiliki: label (string), value (string), dan opsional disabled (boolean).
selectedstring | string[]YesValue yang sedang dipilih. Menjadi array of strings (`string[]`) jika `multiple` bernilai true.
multiple?booleanfalseNoJika true, mengizinkan pemilihan lebih dari satu opsi sekaligus.
size?'small' | 'medium''medium'NoUkuran chip.
variant?'filled' | 'outline''outline'NoVariant chip (filled atau outline).
onSelect?(value: string | string[]) => voidNoCallback saat user memilih opsi atau menyelesaikan input kustom (gunakan @select event).
showCustomization?booleanfalseNoJika true, render tombol kustomisasi.
customizationLabel?string'Kustomisasi'NoLabel tombol kustomisasi.
customizationComponent?ComponentNoOverride UI input kustom (default: TextField dengan placeholder).
class?string''NoHTML standard attribute `class` untuk wrapper (fallthrough).