Divider Component

The Divider component adds clean visual separators between sections of your checkout, helping organize content and improve readability without adding clutter.

desc - Add clean visual separators between checkout sections to improve readability.

Description

Simple yet effective tool for creating visual hierarchy. Automatically adapts to checkout theme styling. Requires no configuration - just place where you want to separate content sections. Helps break up dense information and create natural content groupings.

Limitations

Purely visual element with no configuration options.

Sample Use Cases

• Content Separation: Separate upsell sections from checkout information
• Visual Organization: Create breaks between different content types (policies, upsells, messages)
• Hierarchy Creation: Improve visual hierarchy by dividing long information sections

Display Rules

Supports advanced display rules for conditional rendering. See Display Rules System documentation for details.

Key Features

• Automatic theme matching
• No configuration required
• Zero-maintenance
• Adapts to checkout styling

Best Practices

When to Use Dividers

• Between content types: Separate promotional content from informational content
• Before important sections: Add visual weight before critical information like shipping policies
• After upsells: Create clear separation between upsell offers and checkout fields

When NOT to Use Dividers

• Too frequently: Over-use creates visual clutter rather than organization
• Between related items: Don't separate items that should be grouped together
• In short checkouts: Minimal content doesn't need dividers

Layout Suggestions

Effective Divider Placement

[Cart Items]
--- Divider ---
[Trust Badges]
--- Divider ---
[Upsell Products]
--- Divider ---
[Shipping Information]
--- Divider ---
[Policy Links]

Grouped Content (No Dividers Needed)

[Shipping Policy Link]
[Return Policy Link]
[Privacy Policy Link]

These related links should NOT have dividers between them as they form a natural group.