CoolFace
Apppublic

FLASHback1/bingo

sourceHugging Facemitupdated 3y agoView on Hugging Face
0likes
separator.tsx32 linesDownload Raw Back to ui
1'use client'2 3import * as React from 'react'4import * as SeparatorPrimitive from '@radix-ui/react-separator'5 6import { cn } from '@/lib/utils'7 8const Separator = React.forwardRef<9  React.ElementRef<typeof SeparatorPrimitive.Root>,10  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>11>(12  (13    { className, orientation = 'horizontal', decorative = true, ...props },14    ref15  ) => (16    <SeparatorPrimitive.Root17      ref={ref}18      decorative={decorative}19      orientation={orientation}20      className={cn(21        'shrink-0 bg-border',22        orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]',23        className24      )}25      {...props}26    />27  )28)29Separator.displayName = SeparatorPrimitive.Root.displayName30 31export { Separator }32