webcoreui/components/RangeSlider/rangeslider.ts

UI component and template library for Astro, Svelte, and React apps styled with Sass.

import type { IconProps } from '../Icon/icon'

export type RangeSliderEventType = {
    min: number
    max: number
}

export type RangeSliderProps = {
    min?: number
    max?: number
    selectedMin?: number
    selectedMax?: number
    step?: number
    minGap?: number
    disabled?: boolean
    required?: boolean
    color?: string
    background?: string
    thumb?: string
    name?: string
    label?: string
    subText?: string
    minLabel?: string
    maxLabel?: string
    minIcon?: IconProps['type'] | string
    maxIcon?: IconProps['type'] | string
    interactiveLabels?: boolean
    updateLabels?: boolean
    className?: string
}