@anouar99pac/component-checkbox
0.0.1 • Public • Published
@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 |
Package Sidebar
Install
npm i @anouar99pac/component-checkbox
Weekly Downloads