aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
60 lines • 2.26 kB
TypeScript
import React from "react";
export interface GlassSliderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
/** Current value(s) of the slider */
value?: number | number[];
/** Default value(s) (uncontrolled) */
defaultValue?: number | number[];
/** Callback when value changes */
onChange?: (value: number | number[]) => void;
/** Callback when value changes during drag */
onValueChange?: (value: number | number[]) => void;
/** Callback when drag starts */
onValueCommit?: (value: number | number[]) => void;
/** Minimum value */
min?: number;
/** Maximum value */
max?: number;
/** Step increment */
step?: number;
/** Whether the slider is disabled */
disabled?: boolean;
/** Orientation of the slider */
orientation?: "horizontal" | "vertical";
/** Size of the slider */
size?: "sm" | "md" | "lg";
/** Visual variant */
variant?: "default" | "success" | "warning" | "error" | "info";
/** Whether to show value labels */
showValue?: boolean;
/** Whether to show tick marks */
showTicks?: boolean;
/** Number of tick marks or array of tick values */
ticks?: number | number[];
/** Label for the slider */
label?: string;
/** Description text */
description?: string;
/** Custom thumb content */
thumbContent?: React.ReactNode;
/** Whether to invert the slider direction */
inverted?: boolean;
/** Format function for displayed values */
formatValue?: (value: number) => string;
/** Range mode (multiple thumbs) */
range?: boolean;
/** Error message */
error?: string;
/** Whether the slider is required */
required?: boolean;
/** Respect user's motion preferences */
respectMotionPreference?: boolean;
/** Accessible label for the slider */
"aria-label"?: string;
/** ID of element that labels the slider */
"aria-labelledby"?: string;
/** ID of element(s) that describe the slider */
"aria-describedby"?: string;
}
export declare const GlassSlider: React.ForwardRefExoticComponent<GlassSliderProps & React.RefAttributes<HTMLDivElement>>;
export default GlassSlider;
//# sourceMappingURL=GlassSlider.d.ts.map