Back to documentation
Slider
A slider that can be used in a form or other places.
Information
Plan: Pro
Added at: 2026-10-22
Example
Properties
| Property | Type | Default |
|---|---|---|
| Value | number | 0 |
| Minimum | number | 0 |
| Maximum | number | 10 |
| Label | string | "" |
| Title | string | "" |
| Color - Label | string | "var(--ophixor-semantic-text-primary)" |
| Color - Value | string | "var(--ophixor-semantic-text-primary)" |
| Background color | string | "var(--ophixor-semantic-interactive-primary)" |
| Background color - Active | string | "var(--ophixor-semantic-interactive-primary-hover)" |
| Background color - Hover | string | "var(--ophixor-semantic-interactive-primary-hover)" |
| Background color - None | string | "var(--ophixor-semantic-border-default)" |
| Is visible | boolean | true |
| Selectors | array | [] |