react-multi-segment-circle-progress
Version:
A reusable multi-segment progress circle for React
25 lines (24 loc) • 778 B
TypeScript
import React from "react";
type LineCap = "butt" | "round" | "square";
interface MultiSegmentAutoProps {
size?: number;
strokeWidth?: number;
totalValue?: number;
maxValue?: number;
segmentsCount?: number;
segmentColors?: string[];
gap?: number;
label?: React.ReactNode;
outerPadding?: number;
innerPadding?: number;
strokeLinecap?: LineCap;
showBackgroundCircle?: boolean;
backgroundCircleColor?: string;
className?: string;
style?: React.CSSProperties;
onClick?: React.MouseEventHandler<SVGElement>;
onMouseEnter?: React.MouseEventHandler<SVGElement>;
onMouseLeave?: React.MouseEventHandler<SVGElement>;
}
declare const MultiSegmentAuto: React.FC<MultiSegmentAutoProps>;
export default MultiSegmentAuto;