捲軸陰影

當內容在捲動時溢出時,套用頂部和底部陰影。


安裝

上述命令僅適用於個別安裝。如果 @nextui-org/react 已全域安裝,則可跳過此步驟。

匯入

用法

隱藏捲軸

您可以使用 hideScrollBar 屬性來隱藏垂直和水平捲軸。

自訂陰影大小

預設情況下,陰影大小為 40 像素,但您可以使用 size 屬性來變更它。

水平方向

如果您需要在水平捲動上應用陰影,您可以將 orientation 屬性設定為 horizontal

陰影偏移

預設情況下,陰影偏移為 0 像素,但您可以使用 offset 屬性來變更它。這允許您在特定位置應用陰影。

API

ScrollShadow 屬性

屬性類型預設值
大小
數字
"40"
偏移量
數字
"0"
隱藏滾動條
布林值
false
方向
水平 | 垂直
"垂直"
啟用
布林值
true
可見性
ScrollShadowVisibility
"auto"

ScrollShadow 事件

屬性類型預設值
onVisibilityChange
(visibility: ScrollShadowVisibility) => void

類型

滾動陰影可見性