Skip to main content

Interface: SliderRange

Represents a range configuration for a slider component, allowing the definition of value boundaries and selection increments. Useful for user interfaces where controlled numeric input is required, such as price range sliders, progress indicators, or settings adjustment tools.

This interface provides a clear structure for defining a slider's behavior, ensuring consistency and control over the selectable values provided to the user. Front-end developers can use this structure to easily integrate and validate slider components within their applications, while business owners can interpret its configuration to align with specific product or UX requirements.

Properties​

id​

id: string

Unique identifier for this range.

max​

max: number

Maximum selectable value for this range (inclusive).

min​

min: number

Minimum selectable value for this range (inclusive).

step​

step: number

Increment between selectable values within this range. For example, a step of 5 means users can select 0, 5, 10, 15, etc.