Separator
avail-widgets/separatorFreeComponent
UI primitive: Separator
Install it
npx shadcn@latest add https://elements.nexus.availproject.org/r/separator.jsonSource
1"use client";23import * as React from "react";45import { cn } from "@/lib/utils";67function Separator({ className, ...props }: React.ComponentProps<"div">) {8 return (9 <div10 data-slot="separator"11 role="separator"12 className={cn("bg-border my-2 h-px w-full", className)}13 {...props}14 />15 );16}1718export { Separator };
What it pulls in
Other registry items
Files it writes
More from avail-widgets
All 27 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Accordionaccordion | avail-widgets | Components | Free | 2 deps | |
| All Elementsall | avail-widgets | Components | Free | no deps | |
| Animated Spinneranimated-spinner | avail-widgets | Components | Free | no deps | |
| Badgebadge | avail-widgets | Components | Free | 2 deps | |
| Bridge Depositbridge-deposit | avail-widgets | Components | Free | 3 deps · 32 files | |
| Buttonbutton | avail-widgets | Components | Free | 2 deps | |
| Cardcard | avail-widgets | Components | Free | no deps | |
| Checkboxcheckbox | avail-widgets | Components | Free | 2 deps |
