separator.tsx — ui Source File
Architecture documentation for separator.tsx, a tsx file in the ui codebase. 2 imports, 0 dependents.
Entity Profile
Dependency Diagram
graph LR 8c3fd245_8c3e_a994_b073_cddb74e77661["separator.tsx"] 821de6fc_c7fb_c968_5d93_9db5606b758b["separator"] 8c3fd245_8c3e_a994_b073_cddb74e77661 --> 821de6fc_c7fb_c968_5d93_9db5606b758b 8ad666ec_1b20_adda_0392_87a60bdb3a68["utils"] 8c3fd245_8c3e_a994_b073_cddb74e77661 --> 8ad666ec_1b20_adda_0392_87a60bdb3a68 style 8c3fd245_8c3e_a994_b073_cddb74e77661 fill:#6366f1,stroke:#818cf8,color:#fff
Relationship Graph
Source Code
"use client"
import { Separator as SeparatorPrimitive } from "@base-ui/react/separator"
import { cn } from "@/registry/bases/base/lib/utils"
function Separator({
className,
orientation = "horizontal",
...props
}: SeparatorPrimitive.Props) {
return (
<SeparatorPrimitive
data-slot="separator"
orientation={orientation}
className={cn(
"bg-border shrink-0 data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch",
className
)}
{...props}
/>
)
}
export { Separator }
Domain
Subdomains
Functions
Dependencies
- separator
- utils
Source
Frequently Asked Questions
What does separator.tsx do?
separator.tsx is a source file in the ui codebase, written in tsx. It belongs to the ComponentRegistry domain, UIPrimitives subdomain.
What functions are defined in separator.tsx?
separator.tsx defines 1 function(s): Separator.
What does separator.tsx depend on?
separator.tsx imports 2 module(s): separator, utils.
Where is separator.tsx in the architecture?
separator.tsx is located at apps/v4/registry/bases/base/ui/separator.tsx (domain: ComponentRegistry, subdomain: UIPrimitives, directory: apps/v4/registry/bases/base/ui).
Analyze Your Own Codebase
Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.
Try Supermodel Free