Divider

Divider is a component that separates content in a page.

Installation

npx nextui-cli@latest add divider

No need to install this package if @nextui-org/react is already installed globally.

Import

Usage

Data Attributes

Divider has the following attributes on the base element:

• data-orientation: The orientation of the divider. Based on orientation prop.

Accessibility

• Separator role is added to the divider.
• Support for horizontal and vertical orientation.
• Support for HTML <hr> element or a custom element type.

API

Divider Props