ScrollArea
Custom scrollable area with styled scrollbars
- v1.4.0 minor Apr 24
DataGrid sorting, MarkdownRenderer, Pagination keyboard paths.
- v1.3.7 patch Apr 18
Fix focus trap leaking past AlertDialog close, Safari 17 date parsing.
- v1.3.6 reverted Apr 15
Rolled back due to a Tree selection regression with empty defaultExpanded.
- v1.3.5 patch Apr 9
Deprecate --dry-color-accent in favor of --dry-color-fill-brand.
- v1.3.4 patch Apr 2
Tooltip respects prefers-reduced-motion on open.
- v1.3.3 patch Mar 28
Combobox: filter state no longer survives dismissal.
- v1.3.2 patch Mar 22
Calendar: correct week-start offset when locale sets Sunday.
- v1.3.1 patch Mar 17
AlertDialog traps focus even when triggered programmatically.
- v1.3.0 minor Mar 10
Tree component, MultiSelectCombobox, semantic color aliases.
- This component does not add meaning by itself; ensure child content supplies the required headings, labels, and landmarks.
- Only add landmark or region semantics when the section has a unique, meaningful label.
- Only add region semantics when the scrollable surface has a unique, meaningful label.
Styled quick start
Copy this entrypoint first. It includes the imports required to get the component on screen.
<script lang="ts">
import '@dryui/ui/themes/default.css';
import '@dryui/ui/themes/dark.css';
import { ScrollArea } from '@dryui/ui';
</script>
<ScrollArea>Content</ScrollArea>Import options
Root package
import { ScrollArea } from '@dryui/ui'Per-component subpath
import { ScrollArea } from '@dryui/ui/scroll-area'API
Props, CSS variables, and the public data attributes you can target when styling.
| Prop | Type | Description | Default | Required | Bindable |
|---|---|---|---|---|---|
| orientation | verticalhorizontalboth | Horizontal or vertical layout direction. | 'vertical' | — | — |
| children | Snippet | Content rendered inside the component. | — | ✓ | — |