Skip to Content
AuroraDesign System
Scroll Area
Foundations
Color TokensTypographySpacing & RadiiBrand & MarkDirection
Controls
ButtonsButton GroupBadgesToggle SwitchToggleToggle GroupAvatarProgressSpinnerSeparatorToolbarKbd
Form Elements
Inputs & SelectsInputFieldLabelInput GroupInput OTPNative SelectSelectComboboxCheckbox & RadioRadio GroupSliderNumber InputTextareaCalendarDate PickerTabs & Pills
Feedback
AlertBannersCalloutToastsSonnerTooltipEmpty StatesSkeletonStatus IndicatorShimmerConfirmation
Navigation
BreadcrumbPaginationCommandNavigation MenuMenubar
Data
Stat CardsTablesData TableFilter BarsTimelineDescription ListSearch ResultsListboxMarketplace
Overlays
Modal & DialogAlert DialogAccordionCollapsibleDropdownsContext MenuPopoverHover CardSheetDrawerShare Dialog
Chat & AI
Prompt InputAI ElementsMessageConversationModel SelectorPersonaOpen in ChatReasoningTool CallsToolThinkingChain of ThoughtPlanTaskQueueSuggestionCode BlockArtifactTerminalPermission PromptAsk User QuestionPermissions ConfigCommand PaletteSidebar
Runtime & Execution
AgentCheckpointCommitContext PanelEnvironment VariablesPackage InfoSchema DisplaySandboxSnippetJSX PreviewStack TraceTest ResultsPanelControl StripCanvasConnectionEdgeNode
Media & Voice
Audio PlayerMic SelectorSpeech InputTranscriptionVoice Selector
Content
Attachment ChipAI AttachmentsSourcesInline CitationFile PickerFile TreeCode EditorCode WorkspaceWeb PreviewAspect RatioCardCarouselChartImageItemResizable PanelsScroll Area
Auth & Errors
LoginOAuth FlowError Pages
Themes
Light Mode
AI Elements (new)
ActionActionsAiImageGridBranchLoaderMessageAvatarMessageContentResponseSource
Aurora Extensions
ChatMessageChatSidebarColorPickerComponentCardCopyButtonMultiSelectOperationIconProgressRingRangeSliderRatingSegmentedSpotlightStatusDotStepperTagInput

Components

Scroll Area

Vertical · live log stream40 lines · maxHeight 260
04:12:00gatewayhandshake complete8ms
04:12:07axonindex flushed to disk21ms
04:12:14qdrantembedding batch queued34ms
04:12:21teiretry after upstream 50247ms
04:12:28cortexconnection reset by peer60ms
04:12:35labbyvector upsert acked73ms
04:12:42gatewaycache warmed86ms
04:12:49axontoken bucket refilled99ms
04:12:56qdranthandshake complete112ms
04:13:03teiindex flushed to disk125ms
04:13:10cortexembedding batch queued138ms
04:13:17labbyretry after upstream 502151ms
04:13:24gatewayconnection reset by peer164ms
04:13:31axonvector upsert acked177ms
04:13:38qdrantcache warmed190ms
04:13:45teitoken bucket refilled203ms
04:13:52cortexhandshake complete216ms
04:13:59labbyindex flushed to disk229ms
04:14:06gatewayembedding batch queued242ms
04:14:13axonretry after upstream 50215ms
04:14:20qdrantconnection reset by peer28ms
04:14:27teivector upsert acked41ms
04:14:34cortexcache warmed54ms
04:14:41labbytoken bucket refilled67ms
04:14:48gatewayhandshake complete80ms
04:14:55axonindex flushed to disk93ms
04:15:02qdrantembedding batch queued106ms
04:15:09teiretry after upstream 502119ms
04:15:16cortexconnection reset by peer132ms
04:15:23labbyvector upsert acked145ms
04:15:30gatewaycache warmed158ms
04:15:37axontoken bucket refilled171ms
04:15:44qdranthandshake complete184ms
04:15:51teiindex flushed to disk197ms
04:15:58cortexembedding batch queued210ms
04:16:05labbyretry after upstream 502223ms
04:16:12gatewayconnection reset by peer236ms
04:16:19axonvector upsert acked9ms
04:16:26qdrantcache warmed22ms
04:16:33teitoken bucket refilled35ms
Horizontal · dependency chipsscroll sideways · no height cap
next@16.0.1react@19.0.0tailwindcss@4.0.0typescript@5.6.3lucide-react@0.454radix-ui@1.1.2shadcn@2.1.0style-dictionary@4.1zod@3.23.8eslint@9.14vitest@2.1.4pnpm@10.33.2
Both axes · wide changeset tablesticky header · maxHeight 220
PathSizeChangedAuthorStatus
registry/aurora/ui/scroll-area.tsx1.4 KB2026-07-01 14:22jmagarmodified
registry/aurora/styles/aurora.css38.9 KB2026-06-28 09:10jmagarmodified
app/gallery/demos/scroll-area-demo.tsx4.2 KB2026-07-03 02:41claudeadded
public/r/aurora-scroll-area.json2.1 KB2026-07-01 14:23ci-botgenerated
lib/themes.ts12.7 KB2026-06-30 18:55jmagarunchanged
components/site/theme-card.tsx6.0 KB2026-06-29 11:02jmagarunchanged
android/build/aurora-tokens.xml9.8 KB2026-06-28 09:11ci-botgenerated
scripts/export-aurora-tokens.mjs3.3 KB2026-06-25 16:40jmagarunchanged

Tokenized scroll viewport with Aurora border and scrollbar behavior.

Install

npx shadcn@latest add https://aurora.tootie.tv/r/aurora-scroll-area.json
Requires@aurora/aurora-tokens