Lewati ke konten

Button Group - Vue

Button Group

banner-background
import { ButtonGroup } from '@idds/vue';
NameTypeDefaultRequiredDescription
optionsButtonGroupOption[]YesArray of options to display. Setiap option memiliki value (string | number), label (string, opsional), dan disabled (boolean, opsional).
modelValue?string | numberNoNilai yang sedang dipilih (v-model).
disabled?booleanfalseNoNonaktifkan seluruh button group.
class?string''NoHTML standard attribute `class` untuk styles (fallthrough).
name?stringNoHTML name attribute untuk form submission.
@update:modelValue?(value: string | number) => voidNoEvent yang dipanggil ketika selection berubah (v-model update).
@change?(value: string | number) => voidNoEvent yang dipanggil ketika selection berubah.
#option-{index}?SlotNoSlot untuk custom content pada setiap option. Menerima props: option (ButtonGroupOption), selected (boolean).