Expandable Dock
Smooth animated expandable dock with header and collapsible content area.
The Dock will show on bottom of the page
Search Components
55 results
Installation
npx shadcn@latest add https://scrollx-ui.vercel.app/registry/expandable-dock.json Usage
import ExpandableDock from "@/components/ui/expandable-dock";<ExpandableDock
headerContent={
<div className="flex items-center gap-2">
<span className="text-lg font-semibold">Open Dock</span>
</div>
}
className="max-w-lg"
>
<p className="text-white">
This is the expandable content area. Put anything you want here, like
navigation, controls, or info.
</p>
</ExpandableDock>API Reference
Expandable Dock
Smooth animated expandable dock with header and collapsible content area.