kosori

Separator

A separator divides content into sections.

Separator wraps the Base UI Separator primitive and marks it with data-slot.

Installation

npx shadcn@latest add @kosori/separator

Example

separator-example.tsx
kosoriRegistry
separator-example
import { Separator } from '@/components/ui/separator';

const SeparatorExample = () => (
  <div className='flex w-full max-w-sm flex-col gap-2'>
    <span className='text-sm'>kosori</span>
    <Separator />
    <span className='text-muted-foreground text-sm'>Registry</span>
  </div>
);

export default SeparatorExample;

On this page