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