28 lines
722 B
JavaScript
28 lines
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';
|
|
}
|
|
}
|