Checkboxes | Noah UI

Checkboxes

NCheckbox

Name	Type	Default	Description
option	[String, Number, Boolean, Object]	true	Value of the option in the checkbox group
checked	Boolean	--	Checked by default (do not confuse with model) This is used for indeterminate state toggling
indeterminate	Boolean	--	Sets indeterminate state
value-prop	String	--	In case option is an object, this can be used to correctly compare items to determine if checkbox is checked

NCheckboxGroup

Name	Type	Default	Description
options	Array	--	An array of options `[{ label: 'Cat', value: 'cat' }]`
label-prop	String	label	Property of the option object to use as label
value-prop	String	value	Property of the option object to use as value
indeterminate	[Boolean, String]	false	Add indeterminate option. Use string value to change the label
stacked	Boolean	--	Stack options vertically
gap	String	small	Gap size between items

Default Checkbox

Multiple Checkboxes

Image Boxes

Checkbox Group

Checkbox Group with Slots