@serendie/ui/dist/components/Slider/Slider.d.ts

Adaptive UI component library as part of Serendie Design System by Mitsubishi Electric

import { Slider as ArkSlider, SliderRootProps } from '@ark-ui/react';
import { RecipeVariantProps } from '../../../styled-system/css';
export declare const SliderStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"marker" | "label" | "track" | "root" | "labels" | "range" | "control" | "labelEnd" | "thumb" | "markerGroup" | "markerInRange" | "markerAfterRange", {
    size: {
        medium: {
            track: {
                height: number;
            };
            thumb: {
                width: number;
                height: number;
            };
            marker: {
                width: number;
                height: number;
            };
        };
        large: {
            track: {
                height: number;
            };
            thumb: {
                width: number;
                height: number;
            };
            marker: {
                width: number;
                height: number;
            };
        };
    };
}>;
type SliderItemProps = {
    startLabel?: string;
    endLabel?: string;
    /** Custom marker positions for display only (does not affect snapping). Defaults to 10% increments. */
    markerValues?: number[];
    /** Whether to show markers on the track. Defaults to true. */
    showMarkers?: boolean;
    /** Step value for the slider. Defaults to 1. */
    step?: number;
};
export type SliderProps = SliderRootProps & RecipeVariantProps<typeof SliderStyle> & SliderItemProps;
export declare const Slider: import('react').ForwardRefExoticComponent<ArkSlider.RootProps & {
    size?: "large" | "medium" | undefined;
} & SliderItemProps & import('react').RefAttributes<HTMLDivElement>>;
export {};