> For the complete documentation index, see [llms.txt](https://able.bucca.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://able.bucca.com/core/overview/slider/sliderbar/rulertrack.md).

# Φ RulerTrack

Primitive: The combination of the individual tics to form a series of tics along a track, similar to the tics on a ruler that indicate a specified value.

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

* Parent: [Slider Bar](/core/overview/slider/sliderbar.md)
* Sisters: [Knob](/core/overview/slider/sliderbar/sliderknob.md), [Track](/core/overview/slider/sliderbar/slidertrack.md), [Indicator](/core/overview/slider/sliderbar/sliderindicator.md), [Ruler Track](/core/overview/slider/sliderbar/rulertrack.md)
* Child: [Ruler Tick](/core/overview/slider/sliderbar/rulertrack/rulertics.md)

## Properties

### Style

There are many different looks and densities that can be set for the tic track. Multiple tic styles may even be mixed together within the same track (ie. circle major tics with minor ticks of line). These tics will align with the possible values that can be set along the slider both spacially and value wise (ie. the knob points directly at a tic of value 2.5, which based on the sliders possible values as an option).

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

**None:** Default, no visual indicators on the Ruler Track.

**Circle, Square, Line:** Evenly distributed indicators along the Ruler Track.

**Line Major/Minor:** This is very similar to the appearance of a typical ruler with longer lines for whole numbers and shorter lines for fractional numbers.

### Size

To account for the different sizes of ruler tracks we give different sizes of the tics here.

### Location

Tic tracks can be displayed on/in the slider track as an overlay (with transparency) or above or below the track, which works nicely with a knob that may be pointing to the tic track for a specific value.

### Other Properties

Here are a few other things to consider when constructing this primitive.

**Orientation:** Horizontal, Vertical

**Width/Height:** value

**Direction:** Start, End

NOTE: This is the first use of ruler and we will use this in other elements and components outside of the slider element in the future.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

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

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.