You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
48 lines
1.4 KiB
48 lines
1.4 KiB
// ScrollArea — eidos compound API, disciplined option C.
|
|
//
|
|
// import { ScrollArea } from '$uix/eidos/components/scroll-area';
|
|
//
|
|
// <ScrollArea type="hover">
|
|
// <ScrollArea.Viewport>{content}</ScrollArea.Viewport>
|
|
// <ScrollArea.Scrollbar orientation="vertical">
|
|
// <ScrollArea.Thumb />
|
|
// </ScrollArea.Scrollbar>
|
|
// <ScrollArea.Scrollbar orientation="horizontal">
|
|
// <ScrollArea.Thumb />
|
|
// </ScrollArea.Scrollbar>
|
|
// <ScrollArea.Corner />
|
|
// </ScrollArea>
|
|
import ScrollAreaComponent from './scroll-area.svelte';
|
|
import Viewport from './scroll-area-viewport.svelte';
|
|
import Scrollbar from './scroll-area-scrollbar.svelte';
|
|
import Thumb from './scroll-area-thumb.svelte';
|
|
import Corner from './scroll-area-corner.svelte';
|
|
|
|
type ScrollAreaNamespace = typeof ScrollAreaComponent & {
|
|
Viewport: typeof Viewport;
|
|
Scrollbar: typeof Scrollbar;
|
|
Thumb: typeof Thumb;
|
|
Corner: typeof Corner;
|
|
};
|
|
|
|
const ScrollArea = ScrollAreaComponent as ScrollAreaNamespace;
|
|
ScrollArea.Viewport = Viewport;
|
|
ScrollArea.Scrollbar = Scrollbar;
|
|
ScrollArea.Thumb = Thumb;
|
|
ScrollArea.Corner = Corner;
|
|
|
|
export { ScrollArea };
|
|
export default ScrollArea;
|
|
|
|
export type {
|
|
ScrollAreaProps,
|
|
ScrollAreaViewportProps as ViewportProps,
|
|
ScrollAreaScrollbarProps as ScrollbarProps,
|
|
ScrollAreaThumbProps as ThumbProps,
|
|
ScrollAreaCornerProps as CornerProps,
|
|
ScrollAreaType,
|
|
ScrollAreaSize,
|
|
ScrollAreaRadius,
|
|
ScrollAreaScrollbars
|
|
} from './types';
|