@visa/nova-react
Version:
Visa Product Design System Nova React library
34 lines (33 loc) • 1.16 kB
TypeScript
import { CSSProperties, ForwardedRef, ReactNode } from 'react';
declare const SIZES: {
large: number;
small: number;
};
export type ProgressCircularProperties = {
/** @ignore */
children?: ReactNode;
/** @ignore */
className?: string;
/** If the Progress is Indeterminate Progress */
indeterminate?: boolean;
/** Is Paused */
paused?: boolean;
/** Width of the Circular Progress */
progressSize?: number | keyof typeof SIZES;
/** @ignore */
style?: CSSProperties;
/** Percent Complete */
value?: HTMLProgressElement['value'];
};
/**
* Circular indicator used to show the progress of a task or process.
* @docs {@link https://design.visa.com/react/components/progress | See Docs}
* @related progress-label
* @vgar TODO
* @wcag TODO
*/
declare const _default: <HTMLElementType = HTMLDivElement>(props: {
children?: ReactNode | ReactNode[];
ref?: ForwardedRef<HTMLElementType> | undefined;
} & import("react").AllHTMLAttributes<HTMLElementType> & import("react").SVGAttributes<HTMLElementType> & ProgressCircularProperties) => import("react").ReactElement;
export default _default;