@dharshana333/react-ui-components
Version:
A collection of premium, customizable React UI components including Line and PriceLookup with animations, themes, and accessibility features
39 lines (38 loc) • 1.21 kB
TypeScript
import React from 'react';
import './PriceLookup.css';
export interface PriceLookupProps {
price: number;
currency?: string;
currencyPosition?: 'before' | 'after';
decimals?: number;
locale?: string;
size?: 'small' | 'medium' | 'large' | 'xlarge';
variant?: 'default' | 'minimal' | 'bold' | 'highlight' | 'gradient';
period?: string;
originalPrice?: number;
discount?: number;
change?: number;
changePercent?: number;
changeType?: 'amount' | 'percent' | 'both';
label?: string;
theme?: 'default' | 'success' | 'danger' | 'warning' | 'primary';
loading?: boolean;
status?: 'live' | 'delayed' | 'error';
interactive?: boolean;
animation?: 'slide' | 'fade' | 'scale' | 'bounce' | 'none';
prefix?: string;
suffix?: string;
showTrend?: boolean;
formatLargeNumbers?: boolean;
highlight?: boolean;
strikethrough?: boolean;
className?: string;
style?: React.CSSProperties;
onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
ariaLabel?: string;
testId?: string;
tooltip?: string;
countUp?: boolean;
}
declare const PriceLookup: React.FC<PriceLookupProps>;
export default PriceLookup;