Checkbox

Introduction to using the Checkbox component

Checkbox presents a set of selectable items; users can select none, one, or multiple items.

Basic usage

<bpa-checkbox value="1" v-model="demoModel">Checkbox</bpa-checkbox>

Disabled

<bpa-checkbox value="1" v-model="demoModel" disabled>Checkbox</bpa-checkbox>

Group

<bpa-checkbox value="1" v-model="demoModel" name="demo">Checkbox</bpa-checkbox>
<bpa-checkbox value="2" v-model="demoModel" name="demo">Checkbox</bpa-checkbox>

demoModel: ["1", "2"]

Attributes

Name	Value	Type	Default	Required	Note
id		String	random
value		String
v-model		Array
disabled		Boolean

Demo