捲軸陰影
當內容在捲動時溢出時,套用頂部和底部陰影。
安裝
上述命令僅適用於個別安裝。如果 @nextui-org/react
已全域安裝,則可跳過此步驟。
匯入
用法
隱藏捲軸
您可以使用 hideScrollBar
屬性來隱藏垂直和水平捲軸。
自訂陰影大小
預設情況下,陰影大小為 40
像素,但您可以使用 size
屬性來變更它。
水平方向
如果您需要在水平捲動上應用陰影,您可以將 orientation
屬性設定為 horizontal
。
陰影偏移
預設情況下,陰影偏移為 0
像素,但您可以使用 offset
屬性來變更它。這允許您在特定位置應用陰影。
API
ScrollShadow 屬性
屬性 | 類型 | 預設值 |
大小 |
| "40" |
偏移量 |
| "0" |
隱藏滾動條 |
| false |
方向 |
| "垂直" |
啟用 |
| true |
可見性 |
| "auto" |
ScrollShadow 事件
屬性 | 類型 | 預設值 |
onVisibilityChange |
|