Divider
Divider is a component that separates content in a page.
Installation
npx nextui-cli@latest add divider
The above command is for individual installation only. You may skip this step 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
orientationprop.
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 |
