diff options
| author | schererleander <leander@schererleander.de> | 2025-07-14 18:12:17 +0200 |
|---|---|---|
| committer | schererleander <leander@schererleander.de> | 2025-07-14 18:12:17 +0200 |
| commit | 29d4d624b2056242ef5b119c105db28f950f27c3 (patch) | |
| tree | 53d1650dd40f8011f9361c595af3c8c6f073c14d /src/components/ui/separator.tsx | |
| parent | 8b6c21b5f93ea6884708b3f9d542666bbd12d122 (diff) | |
feat: new shadcn/ui components
Diffstat (limited to 'src/components/ui/separator.tsx')
| -rw-r--r-- | src/components/ui/separator.tsx | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/src/components/ui/separator.tsx b/src/components/ui/separator.tsx new file mode 100644 index 0000000..bb3ad74 --- /dev/null +++ b/src/components/ui/separator.tsx @@ -0,0 +1,26 @@ +import * as React from "react" +import * as SeparatorPrimitive from "@radix-ui/react-separator" + +import { cn } from "@/lib/utils" + +function Separator({ + className, + orientation = "horizontal", + decorative = true, + ...props +}: React.ComponentProps<typeof SeparatorPrimitive.Root>) { + return ( + <SeparatorPrimitive.Root + data-slot="separator" + decorative={decorative} + orientation={orientation} + className={cn( + "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", + className + )} + {...props} + /> + ) +} + +export { Separator } |
