使用美观的组件更快地交付
HeroUI Pro

分割线

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

Storybook@heroui/dividerReact Aria服务端组件源码样式源码

安装

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

导入

用法

数据属性

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

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

可访问性

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

API

分割线属性

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