> For the complete documentation index, see [llms.txt](https://docs.incari.com/incari-studio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.incari.com/incari-studio/objects-and-types/scene2d-objects/gui/slider.md).

# Slider

The **Slider** is a **GUI** **2D Object** that allows the user to create a customizable slider selector. The customization is done through the [**Attributes**](#attributes).

![Slider.](/files/KIzFK0RX8IXUJGwK2mki)

## Attributes

The **Object's** **Attributes** can be used to fully customize the **Object**. Explained below, they are:

* [**Transformation**](#transformation)
* [**Slider**](#slider)
* [**Style**](#style)
* [**Tag**](#tag)

### Transformation

![Transformation Attributes.](/files/ukMNZdk04eaYhOxeNEc8)

The `Transformation` **Attributes** deal with placement, rotation, and size in *XY* space. More information can be found [here](/incari-studio/objects-and-types/attributes/common-attributes/transformation.md).

### Slider

The **Slider Attributes** offer the user options to customize the **Slider**:

![Slider Attributes.](/files/3uTYNzRlp2NqRr0Chl6k)

* `Value` determines where the handle will appear on the track on start.
* `Minimum` is the leftmost value that occurs on the track.
* `Maximum` is the rightmost value that occurs on the track.
* `Step` is the amount the values increase to the next.

### Style

The **Style Attributes** offer the user options to customize further visual aspects of the **Slider**:

![Style Attributes.](/files/8I9o4CfEUUREuDbVDnHI)

* `Handle color` is the color of the handle (the sliding object along the track)
* `Handle size (px)` is the size of the handle.
* `Track Color` is the color of the track (the line that appears as part of the **Slider**).
* `Track thickness (px)` is how thick the track appears.
* `CSS Classes` contain the *CSS* class names of the **Object**.
* `Stylesheet` contains the *CSS* stylesheet of the **Object**. This can override any stylesheet provided in the [**Project Settings**](/incari-studio/modules/project-settings/style.md) or a [**Scene2D**](/incari-studio/objects-and-types/project-objects/scene2d.md). To address these in the **Logic**, please refer to the [**Object 2D Nodes**](/incari-studio/toolbox/incari/object2d.md).

Finally, the **Slider** works like this when the **Project** is run:

![Slider example.](/files/wJQ0z5i8tcv58qOIvECo)

### Tag

![Tag Attributes.](/files/ly2k7Co6xC9D4aL93xjs)

This **Attribute** manages the *tags* for the **Slider**. See more on *tags* [here.](/incari-studio/objects-and-types/attributes/common-attributes/tag.md)