@arolariu/components/dist/components/ui/slider.d.ts

🎨 70+ beautiful, accessible React components built on Base UI. TypeScript-first, CSS Modules styling, tree-shakeable, SSR-ready. Perfect for modern web apps, design systems & rapid prototyping. Zero config, maximum flexibility! ⚡

import { Slider as BaseSlider } from "@base-ui/react/slider";
import * as React from "react";
interface SliderProps extends Omit<React.ComponentPropsWithRef<typeof BaseSlider.Root>, "defaultValue" | "onValueChange" | "onValueCommitted" | "value" | "className"> {
    /**
     * Applies additional CSS classes to the component root element.
     * @default undefined
     */
    className?: string;
    /**
     * Controls the current value when the component is used in controlled mode.
     * @default undefined
     */
    value?: number[];
    /**
     * Sets the initial value when the component is used in uncontrolled mode.
     * @default undefined
     */
    defaultValue?: number[];
    /**
     * Called whenever the slider value changes.
     * @default undefined
     */
    onValueChange?: (value: number[], eventDetails: unknown) => void;
    /**
     * Called when a slider interaction is committed.
     * @default undefined
     */
    onValueCommitted?: (value: number[], eventDetails: unknown) => void;
}
/**
 * Renders the slider control.
 *
 * @remarks
 * - Renders a `<div>` element by default
 * - Built on {@link https://base-ui.com/react/components/slider | Base UI Slider}
 * - Supports the `render` prop for element composition
 *
 * @example
 * ```tsx
 * <Slider>Content</Slider>
 * ```
 *
 * @see {@link https://base-ui.com/react/components/slider | Base UI Documentation}
 */
declare const Slider: React.ForwardRefExoticComponent<Omit<SliderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
declare namespace Slider {
    type Props = SliderProps;
    type State = BaseSlider.Root.State;
}
export { Slider };
//# sourceMappingURL=slider.d.ts.map