Components

Divider

Divider — a thin rule that separates two blocks of content, optionally with a short label sitting in the gap. Use the default horizontal rule between stacked sections (a folio total above a payment form, "or" between sign-in options), or set `orientation="vertical"` to split two side-by-side items in a flex row. Add a `tone` to tint the rule when the separation carries meaning, and use `placement` to push the label to the start or end. Keep labels lowercase and short; it is a separator, not a heading.