@stanfordspezi/spezi-web-design-system
Version:
Stanford Biodesign Digital Health Spezi Web Design System
41 lines (40 loc) • 1.07 kB
TypeScript
import { Separator as SeparatorPrimitive } from 'radix-ui';
import { ComponentProps } from 'react';
/**
* Visual separator component for dividing content sections.
*
* Built on top of [radix-ui Separator](https://www.radix-ui.com/primitives/docs/components/separator).
*
* @example
* ```tsx
* // Basic horizontal separator
* <div className="space-y-4">
* <p>Content above</p>
* <Separator decorative />
* <p>Content below</p>
* </div>
* ```
*
* @example
* ```tsx
* // Vertical separator
* <div className="flex items-center gap-4">
* <p>Left content</p>
* <Separator decorative orientation="vertical" />
* <p>Right content</p>
* </div>
* ```
*
* @example
* ```tsx
* // With text
* <div className="space-y-4">
* <p>Content above</p>
* <Separator>
* <SeparatorText>Or</SeparatorText>
* </Separator>
* <p>Content below</p>
* </div>
* ```
*/
export declare const Separator: ({ className, orientation, decorative, children, ...props }: ComponentProps<typeof SeparatorPrimitive.Root>) => import("react").JSX.Element;