Luna UI Documentation

USS-styled variant of the built-in UnityEngine.UIElements.Slider — no custom subclass. Three independent class families (fill, dragger, focus) let you tint each piece independently.

Slider Component

Setup

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"
/>

CSS classes

Three independent class families, each prefixed by purpose:

Class family	Format	Targets
Fill	`fill-{color}`	The filled portion of the track.
Dragger	`dragger-{color}`	The thumb.
Focus	`focus-{color}`	The focus outline / hover ring.

Available color names: see colors.

html

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

Slider

Setup

CSS classes

See also