ComponentsCore
Separator
A simple line element that visually breaks up content, helping users quickly scan and differentiate sections.
Example
Usage
Installation
Install following dependencies:
npm install react-aria-components tw-animate-css tailwindcss-react-aria-components class-variance-authority lucide-react clsx tailwind-merge motionAdd cn helper using clsx and twMerge for conditional class merging in Tailwind components.
Copy and paste the following code into your project.
npx libravelui@latest add separatorAnatomy
import { Separator } from "@/components/ui/core/separator";<Separator orientation="horizontal" />
<Separator orientation="vertical" />Another Example
With Text
A separator with text placed in the middle, visually dividing content while keeping the label visible and centered within the separator.
Usage
Props
Loading types…