0.0.1 • Published 6 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-checkbox
Basic 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
6 years ago