New to Kendo UI for VueStart a free 30-day trial

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:

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:

Change Theme
Theme
Loading ...
In this article
SizeSuggested Links
Not finding the help you need?
Contact Support