Divider

Divider 是用于在页面中分隔内容的组件。

Storybook@heroui/dividerReact AriaServer componentSourceStyles source

安装方式

The above command is for individual installation only. You may skip this step if @heroui/react is already installed globally.

导入方式

用法示例

数据属性

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

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

无障碍访问

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

API

Divider 属性

PropTypeDefault
orientation
`horizontal` | `vertical`
"`horizontal`"
Date Range Picker 日期范围选择器Dropdown 下拉菜单