Radio
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 |