0.0.1 • Published 3 years ago
@anouar99pac/component-checkbox v0.0.1
@ecw-checkbox
Checkbox allow user to opt-in or opt-out of a choice with a single tap.
Installation
npm install @emobg/component-checkboxBasic usage
HTML Structure
<EcwCheckbox :name="name" :id="id" :value="value" @clicked="handleClick"></EcwCheckbox>Inputs
| Name | Required | Description | Values (default in bold) |
|---|---|---|---|
| name | y | input's name attr | - |
| id | y | element's id attr | - |
| value | y | input's value attr | - |
| checked | n | weither the checkbox is checked by default or not | true, false |
| disable | n | weither the checkbox is disabled or not | true, false |
Outputs
| Name | Description | Infos emitted |
|---|---|---|
| clicked | when the user click/tap on the checkbox | the input's value |
Style customization
| CSS class | Description |
|---|---|
| ecw-checkbox | the container |
| ecw-checkbox__input | the checkbox's input |
| ecw-checkbox__label | the content containing the Vue slot |
0.0.1
3 years ago