UNPKG

@teamsnap/teamsnap-ui

Version:

a CSS component library for TeamSnap

44 lines (43 loc) 1.38 kB
/** * @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;