分割线

分割线是一个用于在页面中分隔内容的组件。


安装

npx nextui-cli@latest add divider
以上命令仅用于单独安装。如果 @nextui-org/react 已经全局安装,您可以跳过此步骤。

导入

使用

数据属性

Dividerbase 元素上具有以下属性

  • data-orientation: 分隔线的方向。基于 orientation 属性。

无障碍性

  • 分隔符角色已添加到分隔线。
  • 支持水平和垂直方向。
  • 支持 HTML <hr> 元素或自定义元素类型。

API

分隔线属性

属性类型描述默认值
方向horizontal | vertical分隔符的方向。水平