@codeworker.br/govbr-tw-react
Version:
Biblioteca de componentes React usando Tailwind CSS que implementa o Padrão Digital de Governo.
35 lines (34 loc) • 1.92 kB
TypeScript
import { type VariantProps } from "class-variance-authority";
/**
* ProgressBar – barra de progresso com temas/variantes, labels opcionais e cores custom.
* - ÚNICA fonte de verdade para variantes via cva (sem switch duplicado)
* - trackClassName / progressClassName continuam podendo sobrescrever estilos
* - Labels respeitam o tema e aceitam variante separada
* - NOVO: label some em 100% e anima "..." quando o texto terminar com "..."
*/
declare const trackVariants: (props?: ({
theme?: "dark" | "light" | null | undefined;
density?: "default" | "lowest" | "low" | "high" | null | undefined;
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
declare const barVariants: (props?: ({
theme?: "dark" | "light" | null | undefined;
variant?: "default" | "danger" | "success" | "warning" | "info" | null | undefined;
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
declare const percentVariants: (props?: ({
theme?: "dark" | "light" | null | undefined;
variant?: "default" | "danger" | "success" | "warning" | "info" | null | undefined;
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
export type ProgressBarProps = {
value: number;
showLabels?: boolean;
label?: string;
trackClassName?: string;
progressClassName?: string;
className?: string;
labelVariant?: VariantProps<typeof percentVariants>["variant"];
labelClassName?: string;
hideLabelOnComplete?: boolean;
progresslabel?: string;
} & VariantProps<typeof trackVariants> & VariantProps<typeof barVariants>;
export default function ProgressBar({ value, showLabels, label, trackClassName, progressClassName, className, theme, variant, density, labelVariant, labelClassName, hideLabelOnComplete, progresslabel }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
export {};