Separator
A visual separator component for dividing content into distinct sections.
Horizontal
The default orientation. It fills the width of its container.
Weekly visibility report
Sent every Monday to 4 teammates
Covers ChatGPT, Perplexity, and Google AI Overviews for the Running shoes category.
Vertical
Divide inline items such as toolbar filters or metadata. Give the row a height so the separator has something to fill.
In content
Separate sections of a report or panel.
Visibility
Your brand appeared in 42% of answers, up 6 points from last month.
Citations
nike.com and runnersworld.com were the most cited sources.
Sentiment
Answers describe your products as durable and good value.
In list
Divide rows in a short list. Render the separator between rows, not after the last one.
Properties
The orientation of the separator
Default: horizontal
When true, renders as purely visual with no ARIA semantics
Default: false
Additional CSS classes to apply to the separator