Separator

Horizontal or vertical divider for visually separating content. A pure CSS, server-rendered ERB component styled with theme variables.

Usage

<%= render "components/separator" %>

Use inside a flex row — for example between header actions, as the Header component does.

<div class="flex h-8 items-center">
  <span>Docs</span>
  <%= render "components/separator", orientation: :vertical %>
  <span>Source</span>
</div>

Parameter	Type	Default	Description
orientation	Symbol	:horizontal	:horizontal or :vertical
css_classes	String	""	Additional CSS classes
html_options	Hash	{}	Additional HTML attributes, including data