Scroll Shadow
A scroll area whose edges fade while there's more to see, instead of a scrollbar.
$ pnpm dlx shadcn@latest add https://multidash-app.vercel.app/r/scroll-shadow.jsonInstallation
Add Scroll Shadow with the shadcn CLI, or copy the source by hand. In this repo there's nothing to install — import it from @multidash/ui.
$ pnpm dlx shadcn@latest add https://multidash-app.vercel.app/r/scroll-shadow.jsonAdds the component, the components it builds on, its npm packages and the theme tokens it uses. Using Multidash often? Add the registry to components.json once:
components.json
{
"registries": {
"@multidash": "https://multidash-app.vercel.app/r/{name}.json"
}
}Then add components by name:
$ pnpm dlx shadcn@latest add @multidash/scroll-shadowUsage
import {
ScrollShadow,
} from "@multidash/ui/components/scroll-shadow"Examples
Horizontal with arrows
arrows adds ‹ › buttons for mouse users without a trackpad; keyboard users tab through the items.