Divider
Divider is a component that separates content in a page.
Installation
nextui 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
Attribute | Type | Description | Default |
---|---|---|---|
orientation | horizontal | vertical | The orientation of the divider. | horizontal |