@stihl-design-system/components/components/Scroller/Scroller.d.ts

Welcome to the STIHL Design System react component library.

import { HTMLAttributes } from 'react';
export interface ScrollerProps extends HTMLAttributes<HTMLDivElement> {
    /** Content to be displayed within the scroller. */
    children?: React.ReactNode;
    /** Additional class name to apply to the scrolling element. */
    scrollerClassName?: string;
    /** Additional class name to apply to the scroll buttons. */
    scrollerButtonClassName?: string;
    /** Scrolls the scroll area to the left either smooth or immediately.
     *  `{scrollPosition: number;`
     *  `isSmooth?: boolean;}`
     */
    scrollToPosition?: {
        scrollPosition: number;
        isSmooth?: boolean;
    };
}
/**
 * The <DSScroller> component enables horizontal scrolling when a single item or a group of items
 *  exceeds the container width, allowing users to navigate content side-to-side seamlessly.
 *
 * Design in Figma: [Scroller](https://www.figma.com/design/Ie2r0R9QwjEc7O3nrFbXhV/Web-Pattern-Library?node-id=6263-49213&t=wRBNgx5siTv3aUkL-11)
 */
export declare const DSScroller: import('react').ForwardRefExoticComponent<ScrollerProps & import('react').RefAttributes<HTMLDivElement>>;