Skip to main content Skip to navigation Skip to search

Radio

Radio Properties

Name Type Description
controlAlign 'left' | 'right' Align the labels of controls within group left or right
status neutral | error | success Set the status of form control validation
controlWidth stretch | shrink Adjust the control from the default full width or the browser default width
validate boolean Set the validate attribute to sync with HTML5 native validation https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation
responsive boolean By default forms will collapse to layout that prevents overflow. If disabled control layout may break or overflow in unexpected ways.
layout vertical | horizontal | compact Set to adjust the default control layout. When `responsive` is true this will be the largest size to scale to.
layoutChange EventEmitter<ControlLayout>

Radio CSS Properties

Name
--width
--height
--border
--fill-box-shadow

Radio Slots

Name Description
For projecting radio input

Radio Group

Radio Group Properties

Name Type Description
status neutral | error | success Set the status of control group validation
layout horizontal | horizontal -inline | vertical | vertical-inline | compact}
controlAlign 'left' | 'right' Align the labels of controls within group left or right
disabled boolean Disable all controls within a control group or omit and disable controls individually
controlWidth stretch | shrink Adjust the control from the default full width or the browser default width
responsive boolean By default forms will collapse to layout that prevents overflow. If disabled control layout may break or overflow in unexpected ways.
layoutStable

Radio Group Slots

Name Description
For projecting cds-radio controls