Radio Button Group
html
<!-- Default -->
<engine:RadioButtonGroup choices="a,b,c,d" label="Default" />
<!-- Horizontal -->
<engine:RadioButtonGroup choices="a,b,c,d" label="Horizontal" class="radio-horizontal" />
<!-- Horizontal & Red -->
<engine:RadioButtonGroup choices="a,b,c,d" label="Horizontal Red" class="radio-horizontal red" />Horizontal
| Class | Description |
|---|---|
| horizontal | flex-direction: row; |
Colors
To change the color of a toggle, add the color name as a class without a value.
html
<engine:RadioButtonGroup choices="a,b,c,d" label="Horizontal" class="radio-horizontal" />Refer to colors to learn about available options.
Settings
Theme
Light
Contrast
Material
Dark
Dim
Material Dark
System
Sidebar(Light & Contrast only)
Font Family
DM Sans
Wix
Inclusive Sans
AR One Sans
Direction
Left to RightLTR
Right to LeftRTL