MenuCaderno UI
npmGitHub
Theme

<cad-radio>

Radio

Choose one option from a group. Use the same name for radios in the same form.

Interview track

States

Available

Selected

Disabled

API reference: <cad-radio>

checkedcheckedbooleanfalsedisableddisabledbooleanfalsehinthintstring''labellabelstring''namenamestring''requiredrequiredbooleanfalsetonetoneCadRadioTone'blue'valuevaluestring'on'checkedbooleancheckedyesdisabledbooleandisabledyeshintstringhintnolabelstringlabelnonamestringnameyesrequiredbooleanrequiredyestoneCadRadioTonetoneyesvaluestringvaluenoinputEventFired when the user selects the radio.changeEventFired after the selected state changes.labelVisible control label. Falls back to the `label` attribute.hintSupporting text. Falls back to the `hint` attribute.baseNative label wrapping the control.controlNative radio input.dotSelected indicator.hintSupporting text.labelVisible label.ringHand-drawn radio frame.--cad-radio-bgPer-instance selected background.--cad-radio-inkPer-instance control color.

Keyboard and validation

Arrow keys move and select among enabled options. If any radio is required, the group is invalid until one is selected.

MIT licensed. Built with Caderno UI.Report an issue
Back to top