@lion/ui
Version:
A package of extendable web components
29 lines (27 loc) • 722 B
JavaScript
import { ChoiceInputMixin } from '@lion/ui/form-core.js';
import { LionInput } from '@lion/ui/input.js';
/**
* Lion-radio can be used inside a lion-radio-group.
*
* <lion-radio-group name="radios">
* <label slot="label">My Radio</label>
* <lion-radio>
* <label slot="label">Male</label>
* </lion-radio>
* <lion-radio>
* <label slot="label">Female</label>
* </lion-radio>
* </lion-radio-group>
*
* You can preselect an option by setting marking an lion-radio checked.
* Example:
* <lion-radio checked>
*
* @customElement lion-radio
*/
export class LionRadio extends ChoiceInputMixin(LionInput) {
connectedCallback() {
super.connectedCallback();
this.type = 'radio';
}
}