Scroll Shadow

ScrollShadow is a component that adds shadow indicators to scrollable content to show overflow in different directions. It automatically detects scroll status and shows or hides shadows accordingly.

Library

Lobe UI

Framework

React

Type

component

License

MIT

Install

pnpm add @lobehub/ui

Files

• src/ScrollShadow/index.ts
• src/ScrollShadow/ScrollShadow.tsx
• src/ScrollShadow/stable.ts
• src/ScrollShadow/style.ts
• src/ScrollShadow/type.ts
• src/ScrollShadow/useScrollOverflow.ts
• src/Flex/index.ts
• src/Flex/Center.tsx

Source

https://github.com/lobehub/lobe-ui

Categories

• Effect Components
• React Effect Components
• Layout Components
• React Layout Components
• Mask Effect Components
• React Mask Effect Components
• Scroll Area Components

More from Lobe UI

• Mask Shadow
• Scroll Area
• Base Ui Scroll Area
• Accordion
• Action Icon
• Action Icon Group
• Agent Avatar
• Alert
• Anchor
• Auto Complete
• Avatar
• Badge