# Shadcn Centered Label

> Separator with centered text label

- Type: example, free and open source (MIT)
- Component: [Separator](https://reui.io/components/separator.md)
- Page: https://reui.io/components/separator/c-separator-5
- Docs (Base UI): https://ui.shadcn.com/docs/components/base/separator.md
- Docs (Radix UI): https://ui.shadcn.com/docs/components/radix/separator.md
- MCP: `get_example("c-separator-5")`
- Registry item: https://reui.io/r/styles/base-nova/c-separator-5.json
- Uses: Separator

## Best for

A lone rule with a small muted caption, or continue with, sitting on a background patch at its middle

## Agent notes

- The caption `span` hides the rule behind it with `bg-background`; on a card or muted surface swap in that surface color

## When not to use

- A named phase break inside an agent run log or chat transcript: use [Marker](https://reui.io/components/marker.md) (`get_component("marker")`)
- A captioned break between groups of inputs inside a form: use [Field](https://reui.io/components/field.md) (`get_component("field")`)

## Install

```bash
npx shadcn@latest add @reui/c-separator-5
```

## About Shadcn Separator

### When to use

- Thin rules between a heading and its body, or between the stacked rows of a list or a summary
- Vertical rules between inline labels or side by side menu entries along one row
- Labeled breaks with a short caption centered on the rule, like an or continue with line

### When not to use

- A trail of links from the current page back up to its parent pages: use [Breadcrumb](https://reui.io/components/breadcrumb.md) (`get_component("breadcrumb")`)
- Step lines and named phase breaks in an agent run log or transcript: use [Marker](https://reui.io/components/marker.md) (`get_component("marker")`)
- A list of rows each led by an avatar or icon, with text and an action: use [Item](https://reui.io/components/item.md) (`get_component("item")`)

### Agent notes

- The base `Separator` renders role separator, while the radix twin defaults `decorative` to true and renders role none, hidden from screen readers
- A vertical `Separator` takes its height from `self-stretch`, so it shows only in a flex row or grid unless given a height such as `h-8`

Every ReUI item has a twin like this one; the index is https://reui.io/llms.txt. Agents with the ReUI MCP (https://reui.io/docs/mcp) get the same guidance from the getters named above.