@simplr-wc/radio-group NPM

Simplr Radio Group

Usage

Import

import '@simplr-wc/radio-group';

Use

import '@simplr-wc/radio-group';

const radioSelections = [
    { label: 'Option 1', value: 1 },
    { label: 'Option 2', value: 2 },
    { label: 'Option 3', value: 3 },
    { label: 'Option 4', value: 4 },
];

<simplr-radio-group
  name="inputs-one"
  .options="${radioSelections}"
  .selectedValue=${2}
></simplr-radio-group>

Properties

Property	Attribute	Type	Default	Description
`align`	`align`	`"row"\\|"column"`	"row"	Alignment of radio button group.
`name`	`name`	`string`	""	Name of the group of radio buttons
`options`	`options`	`array`	[]	Array of radio button options.
`selectedValue`	`selectedValue`	`string`	[]	Pre-selected radio button value.

Methods

Method	Type
`getValue`	`(): any[]`

Events

Event
`change`

@material/mwc-formfield @material/mwc-radio @simplr-wc/theme lit-element lit-html

@simplr-wc/collection

0.3.0

4 years ago

0.2.0

4 years ago

0.1.6

4 years ago