@dharshana333/react-ui-components
Version:
A collection of premium, customizable React UI components including Line and PriceLookup with animations, themes, and accessibility features
30 lines (29 loc) • 1.03 kB
TypeScript
import React from 'react';
import './Line.css';
export interface LineProps {
variant?: 'solid' | 'dashed' | 'dotted' | 'gradient' | 'animated' | 'glow' | 'wave' | 'pulse' | 'text-left' | 'text-center' | 'text-right';
thickness?: number | 'thin' | 'medium' | 'thick';
color?: string;
gradientColors?: [string, string] | [string, string, string];
length?: string | number;
orientation?: 'horizontal' | 'vertical';
animationDuration?: number;
margin?: string | number;
className?: string;
style?: React.CSSProperties;
glowIntensity?: 'low' | 'medium' | 'high';
lineCap?: 'butt' | 'round' | 'square';
shadow?: boolean | {
blur: number;
color: string;
offset: number;
};
pattern?: 'chevron' | 'zigzag' | 'dots' | 'arrows';
hoverEffect?: boolean | 'scale' | 'glow' | 'color' | 'thickness';
onClick?: () => void;
ariaLabel?: string;
testId?: string;
text?: string;
}
declare const Line: React.FC<LineProps>;
export default Line;