aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
35 lines • 1.64 kB
TypeScript
import React from "react";
export interface GlassDividerProps extends React.HTMLAttributes<HTMLDivElement> {
/** Orientation of the divider */
orientation?: "horizontal" | "vertical";
/** Visual variant */
variant?: "default" | "gradient" | "dashed" | "dotted" | "glow" | "double";
/** Size/thickness of the divider */
size?: "xs" | "sm" | "md" | "lg" | "xl";
/** Label/content to display in the middle */
label?: React.ReactNode;
/** Position of the label */
labelPosition?: "left" | "center" | "right" | "top" | "bottom";
/** Color scheme */
color?: "default" | "primary" | "secondary" | "muted" | "accent";
/** Opacity level */
opacity?: "light" | "medium" | "strong";
/** Animation style */
animation?: "none" | "pulse" | "shimmer" | "glow";
/** Margin spacing */
spacing?: "none" | "xs" | "sm" | "md" | "lg" | "xl";
/** Custom decorative elements */
startDecorator?: React.ReactNode;
endDecorator?: React.ReactNode;
/** Respect user's motion preferences */
respectMotionPreference?: boolean;
}
export declare const GlassDivider: React.ForwardRefExoticComponent<GlassDividerProps & React.RefAttributes<HTMLDivElement>>;
export declare const GlassTextDivider: React.ForwardRefExoticComponent<Omit<GlassDividerProps, "variant"> & {
text: string;
} & React.RefAttributes<HTMLDivElement>>;
export declare const GlassIconDivider: React.ForwardRefExoticComponent<Omit<GlassDividerProps, "variant"> & {
icon: React.ReactNode;
} & React.RefAttributes<HTMLDivElement>>;
export default GlassDivider;
//# sourceMappingURL=GlassDivider.d.ts.map