@anouar99pac/component-radio-button

The radio button allows the user to choose an option among multiple choices by a single click/tap

Usage no npm install needed!

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

README

@ecw-radio-button

The radio button allows the user to choose an option among multiple choices by a single click/tap

Installation

npm install @emobg/component-radio-button

Basic usage

HTML Structure

<EcwRadioButton :name="name" :id="id" :value="value"></EcwRadioButton>

Inputs

Name Required Description Values (default in bold)
name yes the input's name attr -
id yes the element's id attr -
value yes the input's value attr -
checked no weither the radio button is checked or not true, false
disabled no weither the radio button is disabled or not true, false

Outputs

Name Description Infos emitted
clicked the user clicked the radio button the value of the input

Style customization

CSS class Description
ecw-radio the main container
ecw-radio__input the radio button input
ecw-radio__label the container of the vue slot