Search

Search documentation

Separator

Visually or semantically separates content.

Installation

pnpm dlx shadcn@latest add @evolphin/separator

Usage

import { Separator } from "@/components/ui/separator";
<Separator />

Type Definitions

interface SeparatorProps {
  /** The orientation of the separator */
  orientation?: "horizontal" | "vertical";
SeparatorProps.orientation?: "horizontal" | "vertical" | undefined

The orientation of the separator

/** Whether the separator is purely decorative */ ?: boolean; }

Examples

Default

Radix Primitives

An open-source UI component library.

Blog
Docs
Source

API Reference

Separator

PropTypeDefaultDescription
orientation`"horizontal" \"vertical"`"horizontal"
decorativebooleantrueWhether the separator is purely decorative.
classNamestring-Additional CSS classes

On this page