## slim.

Katherine

###### Range Slider

Default Skin

Below is the default flat ui skin color.

Default Skin Color Variant

Below are the default flat ui skin with different color variant.

Class Reference

Class | Value
--- | ---
`data-extra-classes="irs-[value]"` | primary | success | warning | danger | info | teal | indigo | purple | pink | orange | dark

Modern Skin

Below is the modern skin slider default.

Modern Skin Color Variant

Below is the modern skin slider with different color variant.

Class Reference

Class | Value
--- | ---
`data-extra-classes="irs-modern irs-[value]"` | primary | success | warning | danger | info | teal | indigo | purple | pink | orange | dark

Outline Skin

Below are the outline skin slider default.

Outline Skin Color Variant

Below are the outline skin slider with different color variants to choose from.

Class Reference

Class | Value
--- | ---
`data-extra-classes="irs-outline irs-[value]"` | primary | success | warning | danger | info | teal | indigo | purple | pink | orange | dark