@anouar99pac/component-checkbox

Checkbox allow user to opt-in or opt-out of a choice with a single tap.

Usage no npm install needed!

<script type="module">
  import anouar99pacComponentCheckbox from 'https://cdn.skypack.dev/@anouar99pac/component-checkbox';
</script>

README

@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