Dev Design Library

Scroll Area

Scroll container with a restyled overlay scrollbar that stays discoverable on hover and follows the shape system. Falls back to native overflow scrolling on touch-primary devices. Built on Radix UI Scroll Area; adapted from Lina (https://li.

Scroll Area preview
Library
Fluid Functionalism
Framework
React
Type
ui
License
MIT
Dependencies
@radix-ui/react-scroll-area
Install
npx shadcn@latest add @fluid/scroll-area
Files
  • registry/radix/scroll-area.tsx
  • registry/default/lib/utils.ts
  • registry/default/lib/omit.ts
  • registry/default/lib/shape-context.tsx
  • registry/default/hooks/use-touch-primary.tsx
  • lib/utils.ts
  • lib/omit.ts
  • lib/shape-context.tsx
Source
https://github.com/mickadesign/fluid-functionalism

Categories

More from Fluid Functionalism