Separator

figui/separator

FreeComponent

A separator component

Live preview

live · rendered by the registry

Rendered by figui on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add https://figui.dev/r/separator.json

Source

registry/ui3/ui/separator.tsxfigui.dev/r/separator.json

1import { Separator as BaseSeparator } from "@base-ui/react/separator";
2import { cn } from "@/lib/utils";
3 
4export function Separator({ className, ...props }: BaseSeparator.Props) {
5  return (
6    <BaseSeparator
7      className={cn(
8        "bg-grey-200 data-[orientation=horizontal]:h-px data-[orientation=vertical]:w-px dark:bg-grey-600",
9        className,
10      )}
11      {...props}
12    />
13  );
14}

Files it writes

registry/ui3/ui/separator.tsx

More from figui

All 12 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Buttonbutton	figui	Components	Free	no deps
Checkboxcheckbox	figui	Components	Free	no deps
Inputinput	figui	Components	Free	2 deps · 6 files
Menumenu	figui	Components	Free	1 dep
Radioradio	figui	Components	Free	no deps
Segmented Controlsegmented-control	figui	Components	Free	1 dep
Selectselect	figui	Components	Free	no deps
Sliderslider	figui	Components	Free	2 deps