Marker

Marker keeps its label in the accessibility tree, draws separator lines with CSS pseudo-elements, and deliberately never uses role="separator".

import { Marker } from "smthrs/ui";

<Marker>Earlier messages</Marker>
<Marker variant="status" live shimmer>Searching sources</Marker>

Props

Prop	Type	Default	Description
`variant`	`"separator" \| "note" \| "status"`	`"separator"`	Selects rule, pill, or status-row presentation.
`live`	`boolean`	`false`	Adds `aria-live="polite"`.
`shimmer`	`boolean`	`false`	Wraps the visible label in an active `Shimmer`.
`children`	`ReactNode`	required	Visible and accessible label.