aura-glass/dist/components/input/GlassStepper.d.ts

A comprehensive glassmorphism design system for React applications with 142+ production-ready components

import React from "react";
export interface GlassStepperProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
    /** Current value of the stepper */
    value?: number;
    /** Default value (uncontrolled) */
    defaultValue?: number;
    /** Callback when value changes */
    onChange?: (value: number) => void;
    /** Minimum value */
    min?: number;
    /** Maximum value */
    max?: number;
    /** Step increment */
    step?: number;
    /** Number of decimal places to display */
    precision?: number;
    /** Whether the stepper is disabled */
    disabled?: boolean;
    /** Size of the stepper */
    size?: "sm" | "md" | "lg";
    /** Visual variant */
    variant?: "default" | "success" | "warning" | "error" | "info";
    /** Orientation of controls */
    orientation?: "horizontal" | "vertical";
    /** Whether to show the input field */
    showInput?: boolean;
    /** Whether to allow manual input */
    allowInput?: boolean;
    /** Label for the stepper */
    label?: string;
    /** Description text */
    description?: string;
    /** Error message */
    error?: string;
    /** Whether the stepper is required */
    required?: boolean;
    /** Format function for displayed values */
    formatValue?: (value: number) => string;
    /** Parse function for input values */
    parseValue?: (value: string) => number;
    /** Custom increment button content */
    incrementContent?: React.ReactNode;
    /** Custom decrement button content */
    decrementContent?: React.ReactNode;
    /** Whether to repeat on long press */
    repeatOnLongPress?: boolean;
    /** Long press delay (ms) */
    longPressDelay?: number;
    /** Long press repeat interval (ms) */
    longPressInterval?: number;
    /** Respect user's motion preferences */
    respectMotionPreference?: boolean;
    /** Accessible label for the stepper */
    "aria-label"?: string;
    /** ID of element that labels the stepper */
    "aria-labelledby"?: string;
    /** ID of element(s) that describe the stepper */
    "aria-describedby"?: string;
    /** Data test id */
    "data-testid"?: string;
}
export declare const GlassStepper: React.ForwardRefExoticComponent<GlassStepperProps & React.RefAttributes<HTMLDivElement>>;
export default GlassStepper;
//# sourceMappingURL=GlassStepper.d.ts.map