MinMaxSlider

The MinMaxSlider element is a slider that lets users select a range of values within a specified minimum and maximum range. You can use it to set a range of values for various parameters, such as volume levels, character stats, or other numerical values in your UI(User Interface) Allows a user to interact with your application. Unity currently supports three UI systems. More info
See in Glossary. To use it, define the minimum and maximum values, and then slide the handle to select the range you want.

Create a MinMaxSlider

You can create a MinMaxSlider with UI Builder, UXML, or C#. The following C# example creates a MinMaxSlider with a default value, low limit, and high limit:

var minMaxSlider = new MinMaxSlider();
minMaxSlider.value = new Vector2(0.25f, 0.75f);
minMaxSlider.lowLimit = 0;
minMaxSlider.highLimit = 1;

Note: To align an element with other fields in an InspectorA Unity window that displays information about the currently selected GameObject, asset or project settings, allowing you to inspect and edit the values. More info
See in Glossary window, simply apply the .unity-base-field__aligned USS class to it. For more information, refer to BaseField.

Example

The following UXML example creates a MinMaxSlider:

<UXML xmlns="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements">
    <MinMaxSlider
        label="UXML Field"
        name="the-uxml-field"
        min-value="0"
        max-value="20"
        low-limit="-10"
        high-limit="40" />
</UXML>

The following C# example illustrates some of the customizable functionalities of the MinMaxSlider:

/// <sample>
// Get a reference to the field from UXML and assign a value to it.
var uxmlField = container.Q<MinMaxSlider>("the-uxml-field");
uxmlField.value = new Vector2(10, 12);

// Create a new field, disable it, and give it a style class.
var csharpField = new MinMaxSlider("C# Field", 0, 20, -10, 40);
csharpField.SetEnabled(false);
csharpField.AddToClassList("some-styled-field");
csharpField.value = uxmlField.value;
container.Add(csharpField);

// Mirror the value of the UXML field into the C# field.
uxmlField.RegisterCallback<ChangeEvent<Vector2>>((evt) =>
{
    csharpField.value = evt.newValue;
});
/// </sample>

To try this example live in Unity, go to Window > UI Toolkit > Samples.

C# base class and namespace

C# class: MinMaxSlider
Namespace: UnityEngine.UIElements
Base class: BaseField_1

Member UXML attributes

This element has the following member attributes:

Inherited UXML attributes

This element inherits the following attributes from its base class:

This element also inherits the following attributes from VisualElement:

USS classes

The following table lists all the C# public property names and their related USS selector.

You can also use the Matching Selectors section in the Inspector or the UI Toolkit Debugger to see which USS selectors affect the components of the VisualElement at every level of its hierarchy.

Additional resources

• Slider
• SliderInt