Divider

Example

Stars

View this in Storybook

Usage

When to use divider

• To signify a change in topic, content type, or expected interaction.
• To create visual separation between chunks of content. Divider can help users distinguish between blocks of similar content at-a-glance.

When to consider something else

• Avoid using divider between short, individual items that are in close proximity with one another, unless they are separating navigation links. Consider using white space or headers instead to create vertical separation.
• Use a background color box or card to separate a chunk of interactive elements, like search controls, from a list of search results.

Provide feedback

Share your feedback, report issues, or suggest improvements for the Divider component. Your input helps us make the design system better for everyone.

• Get immediate support in #platform-design-system for technical or urgent issues.
• Explore all feedback channels for additional ways to share your input.