Basic Divider
Simple Horizontal Divider
Basic horizontal line divider for separating content sections.
Content above the divider.
Content below the divider.
Usage Examples
Section Separation
Use dividers to separate different sections of content.
Personal Information
Name, email, and contact details.
Account Settings
Password, security, and preferences.
Notifications
Email and app notification settings.
List Item Separation
Dividers can separate items in lists or menu structures.
Dashboard
Overview and analytics
Projects
Manage your projects
Team
Team members and roles
Custom Styling
With Custom Class
Apply custom styling using the className prop.
Content above styled divider.
Content below with custom spacing and opacity.