Skip to content
aq-ui
Back to ComponentsComponent

Message Scroller

Open-code aq-ui accessible component family for Message Scroller.

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 message-scroller

API reference

Client moduleView full source

Quick start

"use client"

import { MessageScroller } from "@/components/ui/message-scroller"

<MessageScroller />

Exports

  • MessageScroller const
  • MessageScrollerButton const
  • MessageScrollerButtonProps type
  • MessageScrollerContent const
  • MessageScrollerContentProps interface
  • MessageScrollerItem const
  • MessageScrollerItemProps interface
  • MessageScrollerProps type
  • MessageScrollerProvider const
  • MessageScrollerProviderProps type
  • MessageScrollerViewport const
  • MessageScrollerViewportProps interface
  • useMessageScroller function
  • useMessageScrollerScrollable function
  • useMessageScrollerVisibility function

Registry dependencies

button, use-merged-refs, use-message-scroller, utils

Package dependencies

@base-ui/react@^1.7.0, lucide-react@^1.31.0

Files

  • components/ui/message-scroller.tsx

Source