@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
TypeScript
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