aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
28 lines • 1.72 kB
TypeScript
import React from 'react';
export interface GlassSeparatorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'content'> {
/** Orientation of the separator */
orientation?: 'horizontal' | 'vertical';
/** Visual variant */
variant?: 'default' | 'gradient' | 'dashed' | 'dotted' | 'glow';
/** Size/thickness of the separator */
size?: 'sm' | 'md' | 'lg';
/** Length of the separator (for vertical separators) */
length?: string | number;
/** Whether to add decorative elements */
decorative?: boolean;
/** Content to display in the center (for horizontal separators) */
content?: React.ReactNode;
/** Spacing around the content */
spacing?: 'sm' | 'md' | 'lg';
/** Whether to respect user's motion preferences */
respectMotionPreference?: boolean;
/** Accessibility label for screen readers */
'aria-label'?: string;
}
export declare const GlassSeparator: React.ForwardRefExoticComponent<GlassSeparatorProps & React.RefAttributes<HTMLDivElement>>;
export declare const GlassHorizontalSeparator: React.ForwardRefExoticComponent<Omit<GlassSeparatorProps, "orientation"> & React.RefAttributes<HTMLDivElement>>;
export declare const GlassVerticalSeparator: React.ForwardRefExoticComponent<Omit<GlassSeparatorProps, "orientation"> & React.RefAttributes<HTMLDivElement>>;
export declare const GlassGradientSeparator: React.ForwardRefExoticComponent<Omit<GlassSeparatorProps, "variant"> & React.RefAttributes<HTMLDivElement>>;
export declare const GlassGlowSeparator: React.ForwardRefExoticComponent<Omit<GlassSeparatorProps, "variant"> & React.RefAttributes<HTMLDivElement>>;
export default GlassSeparator;
//# sourceMappingURL=GlassSeparator.d.ts.map