Scroll Shadow

当内容滚动溢出时,应用顶部和底部阴影。


安装

以上命令仅用于单独安装。 如果满足以下条件,您可以跳过此步骤 @heroui/react 已全局安装。

导入

用法

隐藏滚动条

您可以使用 hideScrollBar 属性来隐藏垂直和水平滚动条。

自定义阴影大小

默认情况下,阴影大小为 40 像素,但您可以使用 size 属性来更改它。

水平方向

如果您需要在水平滚动条上应用阴影,可以将 orientation 属性设置为 horizontal

阴影偏移

默认情况下,阴影偏移为 0 像素,但您可以使用 offset 属性来更改它。 这允许您在特定位置应用阴影。

API

ScrollShadow Props

属性类型默认值
size
number
"40"
offset
number
"0"
hideScrollBar
boolean
false
orientation
horizontal | vertical
"vertical"
isEnabled
boolean
true
visibility
ScrollShadowVisibility
"auto"

ScrollShadow Events

属性类型默认值
onVisibilityChange
(visibility: ScrollShadowVisibility) => void

类型

滚动阴影可见性