Skip to content
aq-ui
Back to ComponentsComponent

Scroll Area

Open-code aq-ui accessible component family for Scroll Area.

Preview

This is a live example. Interact with the available controls and use the keyboard to inspect the component's states and behavior.

Loading interactive preview…

Installation

pnpm dlx aq-ui@alpha add scroll-area

API reference

Client module

Import the parts you need, then jump to an export for its contract.

View full source

Quick start

"use client"

import { ScrollArea } from "@/components/ui/scroll-area"

<ScrollArea />

ScrollArea

constSource L8

Open-code aq-ui accessible component family for Scroll Area.

const ScrollArea = React.forwardRef<React.ComponentRef<typeof ScrollAreaPrimitive.Root>, ScrollAreaPrimitive.Root.Props>(…)
Props type
ScrollAreaPrimitive.Root.Props
<ScrollArea />

ScrollBar

constSource L32

Public const export from Scroll Area.

const ScrollBar = React.forwardRef<React.ComponentRef<typeof ScrollAreaPrimitive.Scrollbar>, ScrollAreaPrimitive.Scrollbar.Props>(…)
Props type
ScrollAreaPrimitive.Scrollbar.Props
<ScrollBar />

Registry dependencies

utils

Package dependencies

@base-ui/react@^1.7.0

Files

  • components/ui/scroll-area.tsx

Source