@hydroperx/metrodesign
    Preparing search index...

    Function VSlider

    • Vertical slider.

      For the slider to work, specify either:

      • start and end, or
      • stops

      Parameters

      • params: {
            change?: (value: any) => void;
            className?: string;
            default: number;
            disabled?: boolean;
            end?: number;
            fixed?: number;
            id?: string;
            increment?: number;
            integer?: boolean;
            ref?: Ref<HTMLButtonElement | null>;
            start?: number;
            stops?: SliderStop[];
            style?: CSSProperties;
            topdown?: boolean;
        }
        • Optionalchange?: (value: any) => void

          Change event.

        • OptionalclassName?: string
        • default: number
        • Optionaldisabled?: boolean
        • Optionalend?: number

          End (inclusive).

        • Optionalfixed?: number

          When start..end are specified, indicates the maximum number of digits after the decimal point.

        • Optionalid?: string
        • Optionalincrement?: number

          Increment used for arrow control when start..end are specified.

          1
          
        • Optionalinteger?: boolean

          When start..end are specified, indicates whether to use integer values when the user changes the value.

          true
          
        • Optionalref?: Ref<HTMLButtonElement | null>
        • Optionalstart?: number

          Start (inclusive).

        • Optionalstops?: SliderStop[]
        • Optionalstyle?: CSSProperties
        • Optionaltopdown?: boolean

          Whether the slider goes top-down. If top-down, then the 100% point is at the bottom.

          false
          

      Returns ReactNode

      If both start+end and stops were specified.

      If stops is specified and empty.

      If stops is specified and is not succeeding in ascending order.

      If start > end.