ScrollArea
A capped region that scrolls: long option lists, logs, terms. Styled scrollbars, keyboard scrollable.
Example
Line one. Terms of service, condensed.
Line two. You grant us nothing and we take nothing.
Line three. Data stays in your account.
Line four. Export anytime, in open formats.
Line five. Delete means delete, within 30 days.
Line six. Questions go to support, answered by humans.
Line seven. That is the whole agreement.
Line eight. Signed, the astro-ink team.
<ScrollArea maxHeight="10rem">
<p>Line one...</p>
...
</ScrollArea>Props
| Prop | Type | Default | Description |
|---|---|---|---|
maxHeight | string | 16rem | Cap before scrolling. |
axis | y | x | both | y | Scroll axes. |
Accessibility
tabindex="0"makes the region keyboard scrollable.- Keep focusable content rare inside scroll regions; the region itself scrolls with arrows.