Radio

An implementation of a radio. Only to be used in a FluentRadioGroup.

<FluentRadio> wraps the <fluent-radio> element, a web component implementation of a radio element leveraging the Fluent UI design system.

Examples

Default

Example

Without a label:

With a label: label

Download: 

States

Example

Checked

Checked

Required

Disabled

label checked
Download: 

Aria label

Example

Visual vs audio label

Visible label
label1
Download: 

Documentation

FluentRadio<> Class

Parameters

Name
Type
Default
Description
AriaLabelstring?
Gets or sets the text used on aria-label attribute.
Checkedbool?
Gets or sets a value indicating whether the element is checked.
ChildContentRenderFragment?
Gets or sets the content to be rendered inside the component.
Disabledbool
False
Disables the form control, ensuring it doesn't participate in form submission
Labelstring?
Gets or sets the text displayed just above the component.
LabelTemplateRenderFragment?
Gets or sets the content displayed just above the component.
Namestring?
Gets or sets the name of the parent fluent radio group.
ReadOnlybool
False
Gets or sets a value indicating whether the element is readonly.
Requiredbool
False
Gets or sets a value indicating whether the element needs to have a value.
ValueTValue?
Gets or sets the value of the element.
An error has occurred. This application may no longer respond until reloaded. Reload 🗙