components

Divider

Visually separate sections or content

Source Code
January Design Fest
Nov 12
NOV06
San Francisco12:48 AM
S. Tevez
NBLRECAPMC

Installation

pnpm dlx radianui@latest add divider

Usage

Imports

/components/ui/divider.tsx
import { Divider } from "@/components/ui/divider"

Code

/components/ui/divider.tsx
<Divider orientation="vertical" />

Examples

Divider -w/Plain text

OR

Divider -w/Badge

January 12, 2025

Divider -w/Text

New Messages • 15:04

Props

<Divider>
NameDefaultValues
orientationhorizontalhorizontalvertical
className-string
External Reference--