Loading source
Pulling the file list, source metadata, and syntax-aware rendering for this listing.
Source from repo
Build accessible, unstyled Vue 3 components using Reka UI (formerly Radix Vue) with WAI-ARIA compliance.
Files
Skill
Size
Entrypoint
Format
Open file
Syntax-highlighted preview of this file as included in the skill package.
components/scroll-area.md
1# Scroll Area2Custom scrollbar container4**Parts:** `ScrollAreaRoot`, `ScrollAreaViewport`, `ScrollAreaScrollbar`, `ScrollAreaThumb`, `ScrollAreaCorner`6## ScrollAreaRoot8### Props10| Prop | Type | Default |11|------|------|---------|12| `as` | `AsTag \| Component` | `"div"` |13| `asChild` | `boolean` | - |14| `dir` | `"ltr" \| "rtl"` | - |15| `scrollHideDelay` | `number` | `600` |16| `type` | `"always" \| "scroll" \| "hover" \| "auto"` | `"hover"` |17## ScrollAreaViewport19### Props21| Prop | Type | Default |22|------|------|---------|23| `as` | `AsTag \| Component` | `"div"` |24| `asChild` | `boolean` | - |25| `nonce` | `string` | - |26## ScrollAreaScrollbar28### Props30| Prop | Type | Default |31|------|------|---------|32| `as` | `AsTag \| Component` | `"div"` |33| `asChild` | `boolean` | - |34| `forceMount` | `boolean` | - |35| `orientation` | `"vertical" \| "horizontal"` | `"vertical"` |36## ScrollAreaThumb38### Props40| Prop | Type | Default |41|------|------|---------|42| `as` | `AsTag \| Component` | `"div"` |43| `asChild` | `boolean` | - |44## ScrollAreaCorner46### Props48| Prop | Type | Default |49|------|------|---------|50| `as` | `AsTag \| Component` | `"div"` |51| `asChild` | `boolean` | - |52