Dev Design Library

Scroll To Bottom Button

A floating scroll-to-bottom affordance tied to a chat container's scroll state — appears when the user scrolls up, scrolls to and pins the latest content. Pairs with a ScrollAnchor pin element. Data source: useChat.

Scroll To Bottom Button preview
Library
LocalMode
Framework
React
Type
component
License
MIT
Dependencies
lucide-react
Install
npx shadcn add @localmode/ui/ui/conversation/scroll-to-bottom-button
Files
  • apps/ui/registry/localmode/conversation/scroll-to-bottom-button/scroll-to-bottom-button.tsx
  • apps/ui/registry/localmode/lib/utils.ts
  • apps/ui/registry/localmode/ui/button.tsx
Source
https://github.com/LocalMode-AI/LocalMode

Categories

More from LocalMode