Scroll To Bottom Button

component

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.

pnpm dlx shadcn@latest add "https://localmode.ai/r/ui/conversation/scroll-to-bottom-button.json"

Sign In

Scroll To Bottom Button

component

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.

pnpm dlx shadcn@latest add "https://localmode.ai/r/ui/conversation/scroll-to-bottom-button.json"

lucide-react

components/scroll-to-bottom-button.tsx

lucide-react

components/scroll-to-bottom-button.tsx