React Scroll Area - Both Orientations

Scroll Area - Advanced pattern component

Looking to implement shadcn/ui patterns?

Join our Discord community for help from other developers.

Name	Email	Role	Department	Location	Status
User 1	user1@example.com	Admin	Engineering	San Francisco	Active
User 2	user2@example.com	Viewer	Sales	New York	Inactive
User 3	user3@example.com	Editor	Marketing	San Francisco	Active
User 4	user4@example.com	Admin	Design	New York	Inactive
User 5	user5@example.com	Editor	Engineering	San Francisco	Active
User 6	user6@example.com	Viewer	Sales	New York	Inactive
User 7	user7@example.com	Admin	Design	San Francisco	Active
User 8	user8@example.com	Viewer	Sales	New York	Inactive
User 9	user9@example.com	Editor	Engineering	San Francisco	Active
User 10	user10@example.com	Admin	Design	New York	Inactive
User 11	user11@example.com	Editor	Marketing	San Francisco	Active
User 12	user12@example.com	Viewer	Sales	New York	Inactive
User 13	user13@example.com	Admin	Engineering	San Francisco	Active
User 14	user14@example.com	Viewer	Sales	New York	Inactive
User 15	user15@example.com	Editor	Marketing	San Francisco	Active
User 16	user16@example.com	Admin	Design	New York	Inactive
User 17	user17@example.com	Editor	Engineering	San Francisco	Active
User 18	user18@example.com	Viewer	Sales	New York	Inactive
User 19	user19@example.com	Admin	Design	San Francisco	Active
User 20	user20@example.com	Viewer	Sales	New York	Inactive

Loading preview...

Pattern created by @haydenbleasel

Installation

npx shadcn@latest add https://www.shadcn.io/registry/scroll-area-advanced-1.json

npx shadcn@latest add https://www.shadcn.io/registry/scroll-area-advanced-1.json

pnpm dlx shadcn@latest add https://www.shadcn.io/registry/scroll-area-advanced-1.json

bunx shadcn@latest add https://www.shadcn.io/registry/scroll-area-advanced-1.json