@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