New to Kendo UI for Vue? Start 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 thewidth
andheight
of the component to12px
.medium
(Default) — Sets thewidth
andheight
of the component to16px
.large
— Sets thewidth
andheight
of the component to24px
.null
— Passingnull
to thesize
property gives us the option to define acustom CSS class
that sets thewidth
andheight
of the RadioButton.
The following example demonstrates the usage of each size
option:
Change Theme
Theme
Loading ...