使用精美组件更快交付
NextUI Pro

分隔符

分隔符是一个用于分隔页面内容的组件。

Storybook@nextui-org/dividerReact Aria服务器组件源代码样式源代码

安装

以上命令仅用于单独安装。如果 @nextui-org/react 已全局安装，则可以跳过此步骤。

导入

用法

数据属性

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

  • data-orientation：分隔符的方向。基于 orientation 属性。

可访问性

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

API

分隔符属性

属性类型默认
orientation
`horizontal` | `vertical`
"`horizontal`"
日期范围选择器下拉菜单