Slider

Slider Component

html

<engine:Slider 
 	label="Slider" 
	value="42" 
	high-value="100" 
	show-input-field="true" 
	inverted="false" 
	fill="true" 
	class="fill-pink dragger-teal focus-teal w-full" 
/>

Colors

Refer to colors to learn about available options.

Fill Color

Format: fill-{color}

html

<engine:Slider class="fill-pink" />

Dragger Color

Format: dragger-{color}

html

<engine:Slider class="dragger-teal" />

Focus Color

Format: focus-{color}

html

<engine:Slider class="focus-teal" />

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