Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@lion/radio

ing-bank13MITdeprecated0.4.6

This package has been superseded by @lion/radio-group.

Provide a way for users to check a single option amongst a set of choices

lion, web-components, radio

readme

Radio

🛠 Status: Pilot Phase

Lion Web Components are still in an early alpha stage; they should not be considered production ready yet.

The goal of our pilot phase is to gather feedback from a private group of users. Therefore, during this phase, we kindly ask you to:

  • not publicly promote or link us yet: (no tweets, blog posts or other forms of communication about Lion Web Components)
  • not publicly promote or link products derived from/based on Lion Web Components

As soon as Pilot Phase ends we will let you know (feel free to subscribe to this issue https://github.com/ing-bank/lion/issues/1)

lion-radio component is a sub-element to be used in lion-radio-group elements. Its purpose is to provide a way for users to check a single option amongst a set of choices.

Features

  • Get the checked state (boolean) - checked boolean attribute
  • Pre-select an option by setting the checked boolean attribute
  • Get or set the value of the choice - choiceValue()

How to use

Installation

npm i --save @lion/radio
import '@lion/radio/lion-radio.js';

Example

<lion-radio name="dinos[]" label="allosaurus" .choiceValue=${'allosaurus'}></lion-radio>
<lion-radio name="dinos[]" label="brontosaurus" .choiceValue=${'brontosaurus'}></lion-radio>
<lion-radio name="dinos[]" label="diplodocus" .choiceValue=${'diplodocus'} checked></lion-radio>
  • Use this component inside a lion-radio-group
  • Make sure that it has a name attribute with appended [] for multiple choices.

changelog

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

0.4.6 (2020-03-02)

Note: Version bump only for package @lion/radio

0.4.5 (2020-03-01)

Note: Version bump only for package @lion/radio

0.4.4 (2020-02-26)

Note: Version bump only for package @lion/radio

0.4.3 (2020-02-20)

Note: Version bump only for package @lion/radio

0.4.2 (2020-02-19)

Bug Fixes

  • reduce storybook chunck sizes for more performance (9fc5606)

0.4.1 (2020-02-10)

Note: Version bump only for package @lion/radio

0.4.0 (2020-02-06)

Features

  • flatten modelValue and remove checkedValue (848ff06)

0.3.9 (2020-02-06)

Note: Version bump only for package @lion/radio

0.3.8 (2020-02-06)

Note: Version bump only for package @lion/radio

0.3.7 (2020-02-05)

Note: Version bump only for package @lion/radio

0.3.6 (2020-02-05)

Note: Version bump only for package @lion/radio

0.3.5 (2020-02-03)

Note: Version bump only for package @lion/radio

0.3.4 (2020-01-23)

Note: Version bump only for package @lion/radio

0.3.3 (2020-01-23)

Note: Version bump only for package @lion/radio

0.3.2 (2020-01-20)

Note: Version bump only for package @lion/radio

0.3.1 (2020-01-17)

Bug Fixes

  • update storybook and use main.js (e61e0b9)

0.3.0 (2020-01-13)

Features

  • improved storybook demos (89b835a)

0.2.13 (2020-01-08)

Note: Version bump only for package @lion/radio

0.2.12 (2019-12-13)

Note: Version bump only for package @lion/radio

0.2.11 (2019-12-04)

Note: Version bump only for package @lion/radio

0.2.10 (2019-12-03)

Bug Fixes

  • let lerna publish fixed versions (bc7448c)

0.2.9 (2019-12-02)

Bug Fixes

  • use strict versions to get correct deps on older versions (8645c13)

0.2.8 (2019-12-01)

Note: Version bump only for package @lion/radio

0.2.7 (2019-11-28)

Note: Version bump only for package @lion/radio

0.2.6 (2019-11-27)

Note: Version bump only for package @lion/radio

0.2.5 (2019-11-27)

Note: Version bump only for package @lion/radio

0.2.4 (2019-11-26)

Note: Version bump only for package @lion/radio

0.2.3 (2019-11-22)

Note: Version bump only for package @lion/radio

0.2.2 (2019-11-18)

Note: Version bump only for package @lion/radio

0.2.1 (2019-11-15)

Note: Version bump only for package @lion/radio

0.2.0 (2019-11-13)

Features

  • remove all deprecations from lion (66d3d39)

0.1.67 (2019-11-12)

Note: Version bump only for package @lion/radio

0.1.66 (2019-11-06)

Note: Version bump only for package @lion/radio

0.1.65 (2019-11-01)

Note: Version bump only for package @lion/radio

0.1.64 (2019-10-25)

Note: Version bump only for package @lion/radio

0.1.63 (2019-10-23)

Note: Version bump only for package @lion/radio

0.1.62 (2019-10-23)

Note: Version bump only for package @lion/radio

0.1.61 (2019-10-21)

Note: Version bump only for package @lion/radio

0.1.60 (2019-10-14)

Note: Version bump only for package @lion/radio

0.1.59 (2019-10-11)

Note: Version bump only for package @lion/radio

0.1.58 (2019-10-09)

Note: Version bump only for package @lion/radio

0.1.57 (2019-10-07)

Note: Version bump only for package @lion/radio

0.1.56 (2019-09-30)

Note: Version bump only for package @lion/radio

0.1.55 (2019-09-27)

Note: Version bump only for package @lion/radio

0.1.54 (2019-09-25)

Note: Version bump only for package @lion/radio

0.1.53 (2019-09-20)

Note: Version bump only for package @lion/radio

0.1.52 (2019-09-19)

Note: Version bump only for package @lion/radio

0.1.51 (2019-09-13)

Note: Version bump only for package @lion/radio

0.1.50 (2019-08-23)

Note: Version bump only for package @lion/radio

0.1.49 (2019-08-17)

Note: Version bump only for package @lion/radio

0.1.48 (2019-08-15)

Note: Version bump only for package @lion/radio

0.1.47 (2019-08-15)

Note: Version bump only for package @lion/radio

0.1.46 (2019-08-14)

Note: Version bump only for package @lion/radio

0.1.45 (2019-08-07)

Note: Version bump only for package @lion/radio

0.1.44 (2019-08-07)

Note: Version bump only for package @lion/radio

0.1.43 (2019-07-30)

Note: Version bump only for package @lion/radio

0.1.42 (2019-07-30)

Note: Version bump only for package @lion/radio

0.1.41 (2019-07-25)

Note: Version bump only for package @lion/radio

0.1.40 (2019-07-24)

Note: Version bump only for package @lion/radio

0.1.39 (2019-07-23)

Note: Version bump only for package @lion/radio

0.1.38 (2019-07-23)

Note: Version bump only for package @lion/radio

0.1.37 (2019-07-23)

Note: Version bump only for package @lion/radio

0.1.36 (2019-07-19)

Note: Version bump only for package @lion/radio

0.1.35 (2019-07-19)

Note: Version bump only for package @lion/radio

0.1.34 (2019-07-18)

Note: Version bump only for package @lion/radio

0.1.33 (2019-07-17)

Note: Version bump only for package @lion/radio

0.1.32 (2019-07-16)

Note: Version bump only for package @lion/radio

0.1.31 (2019-07-16)

Note: Version bump only for package @lion/radio

0.1.30 (2019-07-15)

Note: Version bump only for package @lion/radio

0.1.29 (2019-07-15)

Note: Version bump only for package @lion/radio

0.1.28 (2019-07-09)

Note: Version bump only for package @lion/radio

0.1.27 (2019-07-04)

Note: Version bump only for package @lion/radio

0.1.26 (2019-07-02)

Note: Version bump only for package @lion/radio

0.1.25 (2019-07-02)

Note: Version bump only for package @lion/radio

0.1.24 (2019-06-27)

Note: Version bump only for package @lion/radio

0.1.23 (2019-06-25)

Note: Version bump only for package @lion/radio

0.1.22 (2019-06-24)

Note: Version bump only for package @lion/radio

0.1.21 (2019-06-20)

Note: Version bump only for package @lion/radio

0.1.20 (2019-06-18)

Note: Version bump only for package @lion/radio

0.1.19 (2019-06-06)

Note: Version bump only for package @lion/radio

0.1.18 (2019-06-04)

Note: Version bump only for package @lion/radio

0.1.17 (2019-05-31)

Note: Version bump only for package @lion/radio

0.1.16 (2019-05-31)

Note: Version bump only for package @lion/radio

0.1.15 (2019-05-29)

Note: Version bump only for package @lion/radio

0.1.14 (2019-05-29)

Note: Version bump only for package @lion/radio

0.1.13 (2019-05-24)

Note: Version bump only for package @lion/radio

0.1.12 (2019-05-22)

Note: Version bump only for package @lion/radio

0.1.11 (2019-05-17)

Note: Version bump only for package @lion/radio

0.1.10 (2019-05-16)

Note: Version bump only for package @lion/radio

0.1.9 (2019-05-16)

Note: Version bump only for package @lion/radio

0.1.8 (2019-05-13)

Note: Version bump only for package @lion/radio

0.1.7 (2019-05-13)

Bug Fixes

  • add prepublish step to make links absolute for npm docs (9f2c4f6)

0.1.6 (2019-05-08)

Note: Version bump only for package @lion/radio

0.1.5 (2019-05-07)

Note: Version bump only for package @lion/radio

0.1.4 (2019-04-29)

Note: Version bump only for package @lion/radio

0.1.3 (2019-04-28)

Bug Fixes

  • update storybook/linting; adjust story labels, eslint ignores (8d96f84)

0.1.2 (2019-04-27)

Note: Version bump only for package @lion/radio

0.1.1 (2019-04-26)

Bug Fixes

  • add missing files to npm packages (0e3ca17)

0.1.0 (2019-04-26)

Features

  • release inital public lion version (ec8da8f)