fluid-meter
Version:
a dependency free library that draws a circular meter where progress is displayed as the amount of liquid on it
27 lines (26 loc) • 929 B
TypeScript
import { BreakpointValueConfig } from '../../utils/ResponsiveUtils';
import { FluidLayerConfiguration } from './Layers/FluidLayer';
declare type CircularFluidMeterConfig = {
initialProgress?: number;
maxProgress?: number;
borderWidth?: number | BreakpointValueConfig[];
borderColor?: string;
padding?: number;
backgroundColor?: string;
showProgress?: boolean;
showBubbles?: boolean;
bubbleColor?: string;
textColor?: string;
textDropShadow?: boolean;
textShadowOpacity?: number;
textShadowColor?: string;
fluidConfiguration?: FluidLayerConfiguration;
fontFamily?: string;
fontSize?: number | BreakpointValueConfig[];
use3D?: boolean;
dropShadow?: boolean;
dropShadowColor?: string;
progressFormatter?: (value: number) => string;
};
declare const defaultConfig: Required<CircularFluidMeterConfig>;
export { CircularFluidMeterConfig, defaultConfig };