Skip to content

BaseCheckmark

Checkbox and Radio Button Component

Props

Prop nameDescriptionTypeValuesDefault
markStylechoose the stylestringradio, checkbox'radio'
labelspecify a descriptive label
this will not be displayed but is only there for usability purposes
TODO: for radio button label should actually be visible!
string-'select'
radioValuespecify a value for the radio button - if none is specified the label will be used to
determine if radio button should be active!
string-''
showLabeldefine if label should be visible - default set false because
currently not needed in base project
boolean-false
modelValuecheckbox checked or radio button checked can be set from outside, default
value depending on type of selector
boolean|string-false
checkBoxSizeset the size of the checkBoxstringlarge, small'small'

Events

Event namePropertiesDescription
update:model-valueundefined string, boolean - emitting boolean value for checkmark or radio valueevent emitted on radio button / checkmark click,
emitting input label

Demo

Radio Button

Checkbox