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 | |

