Lewati ke konten

Radio Button - Vue

Radio Button

banner-background
import { RadioInput } from '@idds/vue';
NameTypeDefaultRequiredDescription
modelValue?string | numberNoNilai yang sedang dipilih (v-model).
labelstringYesLabel text yang ditampilkan di atas radio group.
optionsOptionItem[]YesArray of options dengan format { label: string; value: string | number; }.
name?stringNoName attribute untuk radio inputs (untuk grouping).
size?'sm' | 'md' | 'lg''md'NoUkuran radio button.
orientation?'vertical' | 'horizontal''vertical'NoOrientasi layout radio buttons: vertical (stacked) atau horizontal (inline).
disabled?booleanfalseNoNonaktifkan seluruh radio group.
required?booleanfalseNoTandai field sebagai required (menampilkan asterisk pada label).
error?booleanfalseNoTampilkan state error (mengubah warna border dan helper text menjadi merah).
helperText?stringNoText helper yang ditampilkan di bawah radio group.
@update:modelValue?(value: string | number) => voidNoEvent yang dipanggil ketika selection berubah (v-model update).
@change?(value: string | number) => voidNoEvent yang dipanggil ketika selection berubah.
@focus?(event: FocusEvent) => voidNoEvent yang dipanggil ketika radio input mendapat focus.
@blur?(event: FocusEvent) => voidNoEvent yang dipanggil ketika radio input kehilangan focus.
class?string''NoHTML standard attribute `class` untuk container (fallthrough).