@dreamworld/dw-radio-button

4.0.3 • Public • Published

A radio button Webcomponent created through LitElement and mwc-radio(https://www.webcomponents.org/element/@material/mwc-radio)

Install

npm install @dreamworld/dw-radio-button

Usage guide

Import

import '@dreamworld/dw-radio-button/dw-radio-group.js';
import '@dreamworld/dw-radio-button/dw-radio-button.js';

Use

<dw-radio-group name="fruit">
	<dw-radio-button label="apple" name="fruit" value="1"></dw-radio-button>
	<dw-radio-button label="banana" name="fruit" value="2"></dw-radio-button>
	<dw-radio-button label="orange" name="fruit" value="3"></dw-radio-button>
</dw-radio-group>

CSS variables

  • --dw-radio-padding: Padding around radio. Default is 10px.
  • --dw-radio-margin: Margin around radio. Default is 0px.
  • --dw-radio-top-align-margin: Margin around radio when it is top aligned. Default is -10px 0 0 0.
  • --dw-radio-width: Width of radio button. Default is 40px.
  • --dw-radio-height: Height of radio button. Default is 40px.
  • --dw-radio-inset: Inset value of radio. Default is 0px.

Properties

Demo

Readme

Keywords

none

Package Sidebar

Install

npm i @dreamworld/dw-radio-button

Weekly Downloads

8

Version

4.0.3

License

ISC

Unpacked Size

14.2 kB

Total Files

8

Last publish

Collaborators

  • chiragmoradiya
  • chetang7
  • ajay-dhameliya
  • dw-devops