@teamsnap/teamsnap-ui
Version:
a CSS component library for TeamSnap
44 lines (43 loc) • 1.38 kB
TypeScript
/**
* @name ProgressBar
*
* @description
* A progress bar component that will render the appropriate styles for displaying progress by a width percent. See
* the teamsnap patterns library for more information https://teamsnap-ui-patterns.netlify.com/patterns/components/progress-bar.html
*
* @example
* <ProgressBar
* title='Percentage Paid'
* type='negative'
* size='small'
* width='40%' />
*
*/
import * as React from "react";
import * as PropTypes from "prop-types";
declare class ProgressBar extends React.PureComponent<PropTypes.InferProps<typeof ProgressBar.propTypes>, any> {
static propTypes: {
progress: PropTypes.Requireable<number>;
size: PropTypes.Requireable<string>;
color: PropTypes.Requireable<string>;
isPrecise: PropTypes.Requireable<boolean>;
isVertical: PropTypes.Requireable<boolean>;
className: PropTypes.Requireable<string>;
mods: PropTypes.Requireable<string>;
style: PropTypes.Requireable<object>;
otherProps: PropTypes.Requireable<object>;
};
static defaultProps: {
progress: number;
size: any;
color: any;
isPrecise: boolean;
isVertical: boolean;
className: string;
mods: any;
style: {};
otherProps: {};
};
render(): JSX.Element;
}
export default ProgressBar;