ScrollArea

jsx

import ScrollArea from 'intergalactic/scroll-area';
<ScrollArea />;

import ScrollArea from 'intergalactic/scroll-area';
<ScrollArea />;

& {...}

Name	Type	Description
shadow	boolean	Shadow display on container
orientation	"horizontal" \| "vertical"	Scroll direction
container		Link to the dom element, which will be a container with overflow
inner		Link to the dom element that will be stretched along with the content
onResize		Callback executed when container change size
onScroll	(event: React.SyntheticEvent<>) => void	Called every time user scrolls area
tabIndex	number \| null	Tab index that is being bypassed to the scroll container.
topOffset	number
rightOffset	number
bottomOffset	number
leftOffset	number

ScrollArea.Container

This is a wrap over the content to calculate its size. It takes all properties of Box.

jsx

import ScrollArea from 'intergalactic/scroll-area';
<ScrollArea.Container />;

import ScrollArea from 'intergalactic/scroll-area';
<ScrollArea.Container />;

jsx

import ScrollArea from 'intergalactic/scroll-area';
<ScrollArea.Bar />;

import ScrollArea from 'intergalactic/scroll-area';
<ScrollArea.Bar />;

& {...}

Name	Type	Description
orientation	"horizontal" \| "vertical"	The direction of the scroll that can be calculated automatically
container		Link to the dom element, which will be a container with overflow

Stylized div. It takes all properties of Box.

jsx

import ScrollArea from 'intergalactic/scroll-area';
<ScrollArea.Bar.Slider />;

import ScrollArea from 'intergalactic/scroll-area';
<ScrollArea.Bar.Slider />;