Separator

PreviousNext

A separator element accessible to screen readers.

Docs
roiuiitem

Preview

Loading preview…
registry/brook/ui/separator/separator.tsx
"use client";

import { Separator } from "@base-ui/react/separator";
import { cn } from "@/lib/utils";
import styles from "./separator.module.css";

function SeparatorRoot({ className, ...props }: Separator.Props) {
  return <Separator className={cn(styles.root, className)} data-slot="separator" {...props} />;
}

export { SeparatorRoot as Separator };

Installation

npx shadcn@latest add @roiui/separator

Usage

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