Checkbox
<bunt-checkbox
type
=""label
="":disabled
="":readonly
=""v-model
="yourValue
">
</bunt-checkbox>
--checkbox-size
:
--checkbox-weight
:
--checkbox-icon
:
--checkbox-color
:
API
Slots
| Slot | Description |
|---|---|
| default | checkbox label |
Props
| Property | Type | Default | Description |
|---|---|---|---|
| modelValue | string | powers v-model | |
| type | string | text | native input element type attribute |
| label | string | checkbox label, prefer to use default slot | |
| disabled | boolean | false | |
| readonly | boolean | false |
Events
| Event | Description |
|---|---|
| update:modelValue |
Style
| Property | Type | Default | Description |
|---|---|---|---|
| --checkbox-size | normal, small | normal | |
| --checkbox-weight | filled, outlined, text | filled | |
| --checkbox-icon | check, check-bold, close, plus, minus | check | |
| --checkbox-color | color | var(--clr-primary) |
Examples
Size
<bunt-checkbox
>
small
</bunt-checkbox>
--checkbox-size
:
small
<bunt-checkbox
>
normal
</bunt-checkbox>
--checkbox-size
:
normal