Scroll Shadow
当内容滚动溢出时,应用顶部和底部阴影。
安装
以上命令仅用于单独安装。 如果满足以下条件,您可以跳过此步骤 @heroui/react
已全局安装。
导入
用法
隐藏滚动条
您可以使用 hideScrollBar
属性来隐藏垂直和水平滚动条。
自定义阴影大小
默认情况下,阴影大小为 40
像素,但您可以使用 size
属性来更改它。
水平方向
如果您需要在水平滚动条上应用阴影,可以将 orientation
属性设置为 horizontal
。
阴影偏移
默认情况下,阴影偏移为 0
像素,但您可以使用 offset
属性来更改它。 这允许您在特定位置应用阴影。
API
ScrollShadow Props
属性 | 类型 | 默认值 |
size |
| "40" |
offset |
| "0" |
hideScrollBar |
| false |
orientation |
| "vertical" |
isEnabled |
| true |
visibility |
| "auto" |
ScrollShadow Events
属性 | 类型 | 默认值 |
onVisibilityChange |
|