@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