# Radio Group (fw-radio-group)

fw-radio-group displays a group of options with radio buttons and enables selection of one option from the list.

# Demo

Auditory Visual Restless
Show Code

# Usage

# Properties

Property Attribute Description Type Default
allowEmpty allow-empty If true, a radio group can be saved without selecting any option. If an option is selected, the selection can be cleared. If the attribute’s value is undefined, the value is set to false. boolean false
errorText error-text Error text displayed below the radio group. string ''
hintText hint-text Hint text displayed below the radio group. string ''
label label Label for the component string ''
name name Name of the component, saved as part of form data. string ''
orientation orientation Indicates the direction of the radio buttons alignment, defaults to vertical alignment. "column" \| "row" 'column'
required required Specifies the input radio group as a mandatory field and displays an asterisk next to the label. If the attribute’s value is undefined, the value is set to false. boolean false
state state Theme based on which the radio group is styled. "error" \| "normal" \| "warning" 'normal'
value value Default option that is selected when the radio group is displayed on the interface. Must be a valid value corresponding to the fw-radio components used in the Radio Group. any undefined
warningText warning-text Warning text displayed below the radio group. string ''

# Events

Event Description Type
fwChange Triggered when an option in the Radio Group is selected or deselected. CustomEvent<any>

# Methods

# setFocus() => Promise<void>

Sets focus on a specific fw-radio.

# Returns

Type: Promise<void>

# Dependencies

# Used by

# Graph

graph TD;
  fw-form-control --> fw-radio-group
  style fw-radio-group fill:#f9f,stroke:#333,stroke-width:4px

Built with ❤ at Freshworks