react-percentage-bar/dist/index.d.ts

React linear and circular percentage progress bars.

import * as react_jsx_runtime from 'react/jsx-runtime';
import { CSSProperties, ReactNode } from 'react';

type CircularProgressBarProps = {
    color?: string | string[];
    trackColor?: string;
    radius?: string | number;
    styles?: "solid" | "pie-chart" | "separators";
    size?: string | number;
    percentage?: number;
    duration?: number;
    startPosition?: number | string;
    shadow?: boolean;
    innerShadowStyle?: CSSProperties | null;
    outerShadowStyle?: CSSProperties | null;
    text?: string | null;
    showPercentage?: boolean;
    percentageStyle?: CSSProperties | null;
    textStyle?: CSSProperties | null;
    children?: ReactNode | null;
    roundLineCap?: boolean;
    animation?: boolean;
    percentageAnimation?: boolean;
    reverse?: boolean;
    reverseDuration?: number;
    loopCount?: number;
    startDelay?: number;
    reverseDelay?: number;
    antiClockWise?: boolean;
    padding?: string | number;
    backgroundColor?: string;
    separator?: [number, number, string];
    chartValue?: Record<number, string>;
};
type LinearProgressBarProps = {
    text?: string | null;
    textStyle?: CSSProperties | null;
    percentageColor?: string;
    percentage?: number;
    showPercentage?: boolean;
    color?: string | string[];
    trackColor?: string;
    width?: string | number;
    height?: string | number;
    duration?: number;
    percentagePosition?: "left" | "right" | "onleft" | "onright";
    startDirection?: "left" | "right";
    animation?: boolean;
    percentageAnimation?: boolean;
    roundLineCap?: boolean;
};

declare const CircularProgressBar: ({ color, trackColor, radius, styles, size, percentage, duration, startPosition, shadow, innerShadowStyle, outerShadowStyle, text, showPercentage, percentageStyle, textStyle, children, roundLineCap, animation, percentageAnimation, reverse, reverseDuration, loopCount, startDelay, reverseDelay, antiClockWise, padding, backgroundColor, separator, chartValue, }: CircularProgressBarProps) => react_jsx_runtime.JSX.Element;

declare const LinearProgressBar: ({ text, textStyle, percentageColor, percentage, showPercentage, color, trackColor, width, height, duration, percentagePosition, startDirection, animation, percentageAnimation, roundLineCap, }: LinearProgressBarProps) => react_jsx_runtime.JSX.Element;

export { CircularProgressBar, LinearProgressBar };