REACT-NATIVES
WIRED FOR SPEED
react-natives v2.2.0
Theme
Light
Dark
Get Started
Menu
Components
Core Primitives
Divider
A visual separator that divides content into distinct sections, supporting horizontal and vertical orientations.
Example
Preview
Code
Props
Divider Props
Prop
Type
Default
Description
className
string
—
NativeWind utility classes to apply to the divider.
orientation
'horizontal' | 'vertical'
'horizontal'
The axis along which the divider is drawn.
Usage Guidelines
When to use
Use Divider to separate groups of content within a layout.
Best practices
•
Use horizontal dividers between stacked content sections.
•
Use vertical dividers between inline items in a row.
•
Avoid excessive use — whitespace alone often provides sufficient separation.
Accessibility
Divider is rendered as a decorative element and is hidden from screen readers by default.
Related Components
Card
A compound container component with header, body, and footer sections for grouping related content.
Accordion
A compound collapsible content component supporting single or multiple expanded items, with trigger, title, icon, and content sub-components.
Text
A typographic component for rendering text with built-in size, weight, and decoration variants.
React-Natives
A comprehensive React Native component library.
Documentation
Getting Started
Components
Theming
Community
GitHub
Discord
Twitter
Blog
Support
FAQ
Contact
Contributing
License
© 2026 React-Natives. Wired by WireServers-UI.