Components

Separator

A visual divider between elements.

example.tsx

Content above

Content below

Import

tsx

import { AppSeparator } from "@/components/primitives/AppSeparator"

API Reference

AppSeparator extends all native <div> HTML attributes.

Prop	Type	Default	Description
className	string	—	Additional Tailwind classes merged via cn(). Prefer the wrapper pattern for reusable overrides.

Source

src/components/primitives/AppSeparator.tsx

"use client"

import { Separator } from "../ui/separator"

function AppSeparator(props: React.ComponentProps<typeof Separator>) {
  return <Separator {...props} />
}

export { AppSeparator }