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

Package detail

@anypoint-web-components/anypoint-radio-button

anypoint-web-components2.8kApache-2.00.1.10TypeScript support: included

Anypoint styled radio button

web-components, anypoint, button, radio-button, radio, form-elements

readme

Deprecated

This component has been moved to anypoint-web-components/awc.


Accessible radio button and radio button group for Anypoint platform.

Radio buttons are used to select one of predefined options. Radio buttons should be used when the user must see all available options. Consider using a dropdown list if the options can be collapsed.

See Radio buttons documentation in Material Design documentation for principles and anatomy of radio buttons.

Published on NPM

tests

Usage

Installation

npm i --save @anypoint-web-components/anypoint-radio-button

In an HTML file

<html>
  <head>
    <script type="module">
      import '@anypoint-web-components/anypoint-radio-button/anypoint-radio-button.js';
      import '@anypoint-web-components/anypoint-radio-button/anypoint-radio-group.js';
    </script>
  </head>
  <body>
    <anypoint-radio-group selectable="anypoint-radio-button">
       <anypoint-radio-button name="a">Apple</anypoint-radio-button>
       <anypoint-radio-button name="b">Banana</anypoint-radio-button>
       <anypoint-radio-button name="c">Orange</anypoint-radio-button>
    </anypoint-radio-group>
  </body>
</html>

Development

git clone https://github.com/anypoint-web-components/anypoint-radio-button
cd anypoint-radio-button
npm install

Running the demo locally

npm start

Running the tests

npm test

changelog

0.1.5 (2020-07-19)

Build

Update

  • updating lock file a66d323 by Pawel Psztyc
  • updating dependencies 9468c5e by Pawel Psztyc
  • adding node type check when testing for radios d5e3f3a by Pawel
  • upgrading dependencies 9088d44 by Pawel
  • upgrading dependencies to fix audit errors 8158218 by Pawel Psztyc
  • minor changes in styling 3417fc5 by Pawel
  • upgrading dependencies 298e7da by Pawel

Documentation

  • updating documentation and demo page fb24a88 by Pawel
  • updating README file cbfc3d7 by Pawel

Features

  • upgrading component to LitElement a2bda31 by Pawel Psztyc

Bug Fixes

  • fixing function call after mixing upgrade 6fc6899 by Pawel
  • fixing selection logic for radio group 950edcc by Pawel
  • fixing element name in readme file abcb788 by Pawel
  • upgrading dev deps to fix npm audit errors fb33de5 by Pawel

Refactor

  • move styles into render 34261ff by TwoPlusTwoOne
  • redesigning radio group element to support a11y 2ffd3a4 by Pawel
  • upgrading project to latest ARC standards 50e217c by Pawel

Testing

  • updating SL configuration 9f91c23 by Pawel Psztyc
  • updated Travis configuration to connect to Sauce Labs 6a7c448 by Pawel

0.1.6 (2020-09-27)

Update

  • updating typpings 12855c7 by Pawel
  • [ci skip] automated merge master->stage. syncing main branches cb9f565 by Ci agent

Bug Fixes

  • fixing function call after mixing upgrade 6fc6899 by Pawel