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.
observeParentSize	boolean	Flag to enable resizing if the parent of ScrollArea is resized
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 />;