Holo Separator
A hairline that fades in from the edges. With a label it becomes a section break.
DisplayServer safe
Preview
Nadia Ferrante shipped the pond migration at 04:12.
Deploy log
Rollout reached every edge region in under two minutes.
Next window opens Thursday, right after the schema freeze.
Installation
The CLI writes the source into your project and pulls in whatever it depends on.
$
pnpm dlx shadcn@latest add @duck/holo-separatorPulls in @duck/theme. Already installed items are skipped.
Usage
import { HoloSeparator } from "@/components/ui/holo-separator"The file lands in components/ui/holo-separator.tsx and belongs to you from that point on. Edit it in place rather than wrapping it.
Props
Everything not listed here is forwarded to the underlying element.
| Prop | Type | Default | Description |
|---|---|---|---|
| label | string | - | Centered caption between two rules. |
| orientation | "horizontal" | "vertical" | "horizontal" | Vertical stretches to the height of its flex parent. |
| holo | boolean | false | Iridescent rule. |