@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

Readme

Keywords

none

Package Sidebar

Install

npm i @anouar99pac/component-checkbox

Weekly Downloads

1

Version

0.0.1

License

none

Unpacked Size

3.42 kB

Total Files

4

Last publish

Collaborators

  • anouar99pac