UNPKG

@teamix/data-summary

Version:
41 lines (40 loc) 1.27 kB
import * as React from 'react'; import './index.scss'; interface IDataItem { data: number; description: React.ReactNode; icon?: string; unit?: string; align?: 'center' | 'left' | 'right'; status?: 'success' | 'error'; dataAlign?: 'center' | 'left' | 'right'; url?: string; onClick?: (e: React.MouseEvent) => void; } interface IProps { loading?: boolean; noBorder?: boolean; noPadding?: boolean; backgroundState?: 'normal' | 'success' | 'error' | 'warning' | 'help' | 'grey'; title?: React.ReactNode; tooltip?: React.ReactNode; subTitle?: React.ReactNode; action?: React.ReactNode; dataSource: IDataItem | IDataItem[]; increase?: number; increaseUnit?: string; progress?: number; progressUnit?: string; progressState?: 'normal' | 'success' | 'error' | 'warning'; progressColor?: string; onDataItemClick?: (item: IDataItem, e: React.MouseEvent) => void; prefixType?: 'inner' | 'outer'; prefix?: React.ReactNode; prefixState?: 'normal' | 'success' | 'error' | 'warning'; prefixIcon?: string; extra?: React.ReactNode; footer?: React.ReactNode; style?: React.CSSProperties; } declare const DataSummary: React.FC<IProps>; export default DataSummary;