# Φ SliderBar

Primitive: A visual bar that allows users to make selection(s) from a range of values with a press/click and drag of a knob.

[Styleguide Link](https://zpl.io/a7p4GWp)

* Parent: [SliderCtrl](/core/overview/slider.md)
* Child: [Slider Knob](/core/overview/slider/sliderbar/sliderknob.md), [Slider Indicator](/core/overview/slider/sliderbar/sliderindicator.md), [Slider Track](/core/overview/slider/sliderbar/slidertrack.md), [Ruler Track](/core/overview/slider/sliderbar/rulertrack.md), [ToolTip](/core/overview/tooltip.md)

## Properties

### Type

**Continuous**: Provide the ability to set a value(s) along a subjective range. The best example of this is volume control, where it isn't important to set to a specific value to a single value of volume, but a subjective range.

**Discrete**: The ability to set a specific value(s) that are snapped to based on allowed values, which can be optionally shown as tics along the track of the slider. With discrete sliders we normally display the selected value(s) as either a label or a floating tooltip above/below the selection knob(s).

### Choice

**Single**: Default, a slider bar with One value that it is setting.

**Dual**: A slider bar with Two values that can be set within the same bar.

<figure><img src="/files/zXTiCGJlO5ILgKE1ROJE" alt=""><figcaption></figcaption></figure>

### Size

The relative size of the slider as a whole in relation to other slider options.

### Ruler

The ruler with its tic marks can be turned On/Off with this property. The default is Off.

### State

<figure><img src="/files/Mvg6OHCDQWQAV98tqYrj" alt=""><figcaption></figcaption></figure>

* Enabled
* Disabled
* Hover
* Pressed
* Focus

### Other Properties

**Range:** Min/Max values

**Divisions:** Amount between discrete values

**Tic Location:** On(default), Above, Below, Left, Right

**Orientation:** Horizontal (default), Vertical

NOTE: We do not cover labels for values at this level. That is cover one level up, in Slider.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://able.bucca.com/core/overview/slider/sliderbar.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.