@chakra-ui/core
Version:
Responsive and accessible React UI components built with React and Emotion
58 lines (52 loc) • 1.47 kB
TypeScript
import * as React from "react";
import { BoxProps } from "../Box";
interface ICircularProgress {
/**
* The size of the circular progress in CSS units
*/
size?: string;
/**
* Maximum value defining 100% progress made (must be higher than 'min')
*/
max?: number;
/**
* Minimum value defining 'no progress' (must be lower than 'max')
*/
min?: number;
/**
* Puts the component into 'indeterminate' state; Ignores 'value' prop
*/
isIndeterminate?: boolean;
/**
* The thickness of progress indicator as a ratio of `size`. Must be between `0` and `1`
*/
thickness?: number;
/**
* Current progress (must be between min/max)
*/
value?: number;
/**
* Angle to rotate progress indicator by
*/
angle?: number;
/**
* If `true`, the cap of the progress indicator will be rounded.
*/
capIsRound?: boolean;
/**
* The content of the circular progress bar. If passed, the content will be inside and centered in the progress bar.
*/
children?: React.ReactNode;
/**
* The color name of the progress track. Use a color key in the theme object
*/
trackColor?: string;
/**
* The color of the progress indicator. Use a color key in the theme object
*/
color?: string;
}
type CircularProgressProps = BoxProps & ICircularProgress;
declare const CircularProgress: React.FC<CircularProgressProps>;
export default CircularProgress;
export const CircularProgressLabel: React.FC<BoxProps>;