# Ω SliderKnob

Base: The base shape given to the grab knob of the slider. Here we define the different look and size of the knob.

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

* Parent: [Slider Bar](https://able.bucca.com/core/overview/slider/sliderbar)
* Sisters: [Knob](https://able.bucca.com/core/overview/slider/sliderbar/sliderknob), [Track](https://able.bucca.com/core/overview/slider/sliderbar/slidertrack), [Indicator](https://able.bucca.com/core/overview/slider/sliderbar/sliderindicator), [Ruler Track](https://able.bucca.com/core/overview/slider/sliderbar/rulertrack)

## Properties

### Shape

<figure><img src="https://217329376-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MXJWCEk7b7vvAFeWpr2%2Fuploads%2FdcAb0SDWoOAAvNk5jAP5%2FKnob%20Shape.png?alt=media&#x26;token=276d1470-e44d-4b03-a497-ee46904ce209" alt=""><figcaption></figcaption></figure>

**Circle**: The default knob for the slider is a simple circle that can be drug to different locations along the track of the slider to set a value.

**Box**: A square with rounded corners

**Triangle**: A pointing triangle that could be used along with the tics (outside of the track).

**Rectangle, Pill, Pentagon**: Taller knobs to make the sliders grab area stand out a little more.

### Size

For different slider sizes there's the need for different sizes of knob to proportionally align with the size of the slider track.