@ramonak/react-progress-bar
Version:
> Progress Bar React Component
34 lines (33 loc) • 1.48 kB
TypeScript
import * as React from "react";
export type ProgressBarProps = {
completed: string | number;
bgColor?: string;
baseBgColor?: string;
height?: string;
width?: string;
borderRadius?: string;
margin?: string;
padding?: string;
labelAlignment?: "left" | "center" | "right" | "outside";
labelColor?: string;
labelSize?: string;
customLabelStyles?: React.CSSProperties;
isLabelVisible?: boolean;
transitionDuration?: string;
transitionTimingFunction?: "ease" | "linear" | "ease-in" | "ease-out" | "ease-in-out";
className?: string;
dir?: "ltr" | "rtl" | "auto";
ariaValuemin?: number;
ariaValuemax?: number;
ariaValuetext?: number | null;
maxCompleted?: number;
customLabel?: string;
animateOnRender?: boolean;
barContainerClassName?: string;
completedClassName?: string;
labelClassName?: string;
initCompletedOnAnimation?: string | number;
isIndeterminate?: boolean;
};
declare function ProgressBar({ bgColor, height, width, borderRadius, labelAlignment, baseBgColor, labelColor, labelSize, isLabelVisible, dir, ariaValuemin, ariaValuemax, ariaValuetext, maxCompleted, animateOnRender, initCompletedOnAnimation, isIndeterminate, completed, margin, padding, customLabelStyles, transitionDuration, transitionTimingFunction, className, customLabel, barContainerClassName, completedClassName, labelClassName, }: ProgressBarProps): React.JSX.Element;
export default ProgressBar;