UNPKG

@arolariu/components

Version:

🎨 70+ beautiful, accessible React components built on Base UI. TypeScript-first, CSS Modules styling, tree-shakeable, SSR-ready. Perfect for modern web apps, design systems & rapid prototyping. Zero config, maximum flexibility! ⚡

36 lines • 1.43 kB
import { Separator as BaseSeparator } from "@base-ui/react/separator"; import * as React from "react"; /** * Props for the shared separator wrapper. */ export interface SeparatorProps extends Omit<React.ComponentPropsWithRef<typeof BaseSeparator>, "className"> { /** Additional CSS classes merged with the separator styles. @default undefined */ className?: string; /** The visual axis used when rendering the separator line. @default "horizontal" */ orientation?: "horizontal" | "vertical"; /** Legacy compatibility flag retained by the wrapper but not forwarded to Base UI. @default true */ decorative?: boolean; } /** * Separates adjacent content areas with a horizontal or vertical rule. * * @remarks * - Renders a `<div>` element by default * - Built on {@link https://base-ui.com/react/components/separator | Base UI Separator} * - Supports the `render` prop for element composition * - Styling via CSS Modules with `--ac-*` custom properties * * @example Basic usage * ```tsx * <Separator /> * ``` * * @see {@link https://base-ui.com/react/components/separator | Base UI Documentation} */ declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>; declare namespace Separator { type Props = SeparatorProps; type State = BaseSeparator.State; } export { Separator }; //# sourceMappingURL=separator.d.ts.map