Toggle

Toggle Component

html

<engine:Toggle label="Toggle" />
<engine:Toggle label="Toggle" class="yellow" />
<engine:Toggle label="Toggle" class="red" />

Colors

To change the color of a toggle, add the color name as a class without a value.

html

<engine:Toggle label="Toggle" class="sky" />

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