使用美觀的元件更快地交付產品
NextUI Pro

分隔線

分隔線是一個在頁面中分隔內容的組件。

Storybook@nextui-org/dividerReact Aria伺服器組件原始碼樣式原始碼

安裝

上面的命令僅用於單獨安裝。如果 @nextui-org/react 已經全局安裝，您可以跳過此步驟。

導入

使用方式

資料屬性

Divider 在 base 元素上具有以下屬性

  • data-orientation: 分隔線的方向。基於 orientation 屬性。

無障礙設計

  • 分隔線已新增分隔符角色。
  • 支援水平和垂直方向。
  • 支援 HTML <hr> 元素或自訂元素類型。

API

分隔線屬性

屬性類型預設值
方向
`horizontal` | `vertical`
"`horizontal`"
日期範圍選擇器下拉式選單