18Switch language to العربية

Divider With Text

PreviousNext

A horizontal divider with centered text label.

Or continue with
import { DividerWithText } from "@/components/atom/divider-with-text"

export default function DividerWithTextDemo() {
  return (
    <>
      <div className="w-full max-w-sm">
        <DividerWithText />
      </div>
    </>
  )
}

Installation

pnpm dlx shadcn@latest add @codebase/divider-with-text

Usage

import { DividerWithText } from "@/components/atom/divider-with-text"
<DividerWithText />

Examples

Custom Text

Or
<DividerWithText text="Or" />