Divider

A solid or dashed rule with an optional centered label.

Customize

Color

Label

Thickness

Variant

Installation


$ pnpm dlx shadcn@latest add @ogimagecn/divider

import { Divider } from "@/components/og/divider";

<Divider
  color="#a78bfa"
  label="New collection"
  thickness={2}
  variant="dashed"
/>

Omit label for a single full-width rule. Use thickness to set the line width in pixels.

On This Page