@als-tp/als-react-ts-ui
Version:
A comprehensive React TypeScript UI component library built with Base UI by ALSInnovation
34 lines • 2.06 kB
TypeScript
import type { ALSScrollAreaRootProps, ALSScrollAreaViewportProps, ALSScrollAreaContentProps, ALSScrollAreaScrollbarProps, ALSScrollAreaThumbProps, ALSScrollAreaCornerProps, ALSScrollAreaOrientation, ALSScrollAreaSize, ALSScrollAreaVariant } from "./ALSScrollArea";
/**
* ALSScrollArea - A native scroll container with custom scrollbars
*
* @example
* ```tsx
* <ALSScrollArea.Root size="md" variant="bordered">
* <ALSScrollArea.Viewport>
* <ALSScrollArea.Content>
* {yourContent}
* </ALSScrollArea.Content>
* </ALSScrollArea.Viewport>
* <ALSScrollArea.Scrollbar>
* <ALSScrollArea.Thumb />
* </ALSScrollArea.Scrollbar>
* </ALSScrollArea.Root>
* ```
*/
export declare const ALSScrollArea: {
/** Root container for the scroll area */
Root: import("react").ForwardRefExoticComponent<ALSScrollAreaRootProps & import("react").RefAttributes<HTMLDivElement>>;
/** Scrollable viewport container */
Viewport: import("react").ForwardRefExoticComponent<ALSScrollAreaViewportProps & import("react").RefAttributes<HTMLDivElement>>;
/** Content wrapper inside the viewport */
Content: import("react").ForwardRefExoticComponent<ALSScrollAreaContentProps & import("react").RefAttributes<HTMLDivElement>>;
/** Scrollbar track (vertical or horizontal) */
Scrollbar: import("react").ForwardRefExoticComponent<ALSScrollAreaScrollbarProps & import("react").RefAttributes<HTMLDivElement>>;
/** Draggable scrollbar thumb */
Thumb: import("react").ForwardRefExoticComponent<ALSScrollAreaThumbProps & import("react").RefAttributes<HTMLDivElement>>;
/** Corner element for both scrollbars */
Corner: import("react").ForwardRefExoticComponent<ALSScrollAreaCornerProps & import("react").RefAttributes<HTMLDivElement>>;
};
export type { ALSScrollAreaRootProps, ALSScrollAreaViewportProps, ALSScrollAreaContentProps, ALSScrollAreaScrollbarProps, ALSScrollAreaThumbProps, ALSScrollAreaCornerProps, ALSScrollAreaOrientation, ALSScrollAreaSize, ALSScrollAreaVariant, };
//# sourceMappingURL=index.d.ts.map