Appearance

The RadioButton provides a predefined set of appearance options.

Apart from the default vision of the RadioButton, these alternative styling options enable you to configure each individual aspect of the component's appearance.

The current article provides details about how the component changes when the different configurations of its properties are applied. Here are the sections you can directly access:

• RadioButton Size

Size

The size of the RadioButton is controlled through its size property. The values we can pass to the property are as follows:

• small — Sets the width and height of the component to 12px.
• medium(Default) — Sets the width and height of the component to 16px.
• large — Sets the width and height of the component to 24px.
• null — Passing null to the size property gives us the option to define a custom CSS class that sets the width and height of the RadioButton.

The following example demonstrates the usage of each size option:

Suggested Links

• API Reference of the RadioButton
• RadioButton size options
• Creating Custom Styles with ThemeBuilder