@neuctra/ui
Version:
A modern, responsive, customizable React UI component library powered by Tailwind CSS and Vite.
25 lines (24 loc) • 959 B
TypeScript
import { default as React } from 'react';
export interface StatProps extends React.HTMLAttributes<HTMLDivElement> {
label: React.ReactNode;
value: React.ReactNode;
icon?: React.ReactNode;
/** Direction of the change indicator. */
trend?: "up" | "down" | "neutral";
/** e.g. "+12.5%" — rendered next to the trend arrow. */
trendValue?: React.ReactNode;
/** Small helper line under the value (e.g. "vs last month"). */
description?: React.ReactNode;
/** Renders the stat inside a bordered card surface. */
bordered?: boolean;
/** 🔥 Full Customization */
headerClassName?: string;
labelClassName?: string;
iconClassName?: string;
valueClassName?: string;
footerClassName?: string;
trendClassName?: string;
trendIconClassName?: string;
descriptionClassName?: string;
}
export declare const Stat: React.ForwardRefExoticComponent<StatProps & React.RefAttributes<HTMLDivElement>>;