Scroll Shadow

Adds dynamic gradient shadows to scrollable content based on scroll position and overflow.

Library

HeroUI

Framework

React

Type

component

License

Apache-2.0

Install

npm install @heroui/react

Files

• packages/react/src/components/scroll-shadow/index.ts
• packages/react/src/components/scroll-shadow/scroll-shadow.tsx
• packages/react/src/components/scroll-shadow/use-scroll-shadow.ts
• packages/styles/src/index.ts
• packages/react/src/hooks/use-safe-layout-effect.ts
• packages/styles/src/utils/index.ts
• packages/styles/src/components/index.ts

Source

https://github.com/heroui-inc/heroui

Categories

• Layout Components
• React Layout Components
• Tailwind CSS Layout Components
• Animated Layout Components
• Scroll Area Components
• Tailwind CSS Scroll Area Components
• Animated Scroll Area Components

More from HeroUI

• Accordion
• Alert
• Alert Dialog
• Autocomplete
• Avatar
• Avatar Group
• Badge
• Breadcrumbs
• Button
• Button Group
• Calendar
• Card