Coming from Orbiter, you should be aware of the following changes:
Childrenis not supported.
Divider
A divider separates sections of content or groups.
AI Tip Want to skip the docs? Use the MCP Server
Usage
Orientation
A divider can have two orientations: horizontal or vertical.
Props
style?
The inline style for the element.
className?
The CSS className for the element.
Defaults to 'react-aria-Separator'.
render?
Overrides the default DOM element with a custom render function. This allows rendering existing components with built-in styles and behaviors such as router links, animation libraries, and pre-styled components.
Requirements:
- You must render the expected element type (e.g. if
<button>is expected, you cannot render an<a>). - Only a single root DOM element can be rendered (no fragments).
- You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate.
dir?
lang?
inert?
translate?
orientation?
The orientation of the separator.
Defaults to 'horizontal'.
elementType?
The HTML element type that will be used to render the separator.