Mask Shadow

MaskShadow is a component that adds a gradient shadow effect to indicate content overflow in a specific direction. It's commonly used for scrollable containers to provide a visual cue that more content is available.

Library

Lobe UI

Framework

React

Type

component

License

MIT

Install

pnpm add @lobehub/ui

Files

• src/MaskShadow/index.ts
• src/MaskShadow/MaskShadow.tsx
• src/MaskShadow/stable.ts
• src/MaskShadow/style.ts
• src/MaskShadow/type.ts
• src/Flex/index.ts
• src/Flex/Center.tsx
• src/Flex/FlexBasic.tsx

Source

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

Categories

• Effect Components
• React Effect Components
• Mask Effect Components
• React Mask Effect Components

More from Lobe UI

• Scroll Shadow
• Accordion
• Action Icon
• Action Icon Group
• Agent Avatar
• Alert
• Anchor
• Auto Complete
• Avatar
• Badge
• Block
• Breadcrumb