shadcn, restyled · @jengacore/separator

Separator

shadcn Separator, restyled: jengacore focus ring, radii, card fill, navy scrim and shadow-pop.

Separate Radix and Base UI builds

Horn Commercial Bank

horncb · USD, SLSH

Positions

Ledger

Users

Install

terminal

npx shadcn@latest add @jengacore/separator

Without the namespace configured: npx shadcn@latest add https://ui.jengacore.com/r/<new-york-v4|base-nova>/separator.json

Registry dependencies

@jengacore/theme

npm packages

radix-ui

Source

components/ui/separator.tsx

// jengacore: shadcn new-york/separator, restyled by scripts/import-upstream.ts. Change the codemod, not this file.
"use client"

import * as React from "react"
import { cn } from "@/lib/utils"
import { Separator as SeparatorPrimitive } from "radix-ui"

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(
        "shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
        className
      )}
      {...props}
    />
  )
}

export { Separator }