Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 | 2x 2x 2x 2x | // @flow import React, { Component } from 'react'; import MUICircularProgress from 'material-ui/CircularProgress'; import lightBaseTheme from 'material-ui/styles/baseThemes/lightBaseTheme'; import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider'; import getMuiTheme from 'material-ui/styles/getMuiTheme'; type Props = { /** Override the progress's color */ color?: string, /** Style for inner wrapper div */ innerStyle?: Object, /** The mode of show your progress, for now, will always be indeterminate */ mode: 'indeterminate', /** The diameter of the progress in pixels */ size?: number, /** Override the inline-style of the root element */ style?: Object, /** Stroke width in pixels */ thickness?: number, }; const defaultProps = { color: '#00BCD4', innerStyle: {}, size: 40, style: {}, thickness: 3.5, }; export default class CircularProgress extends Component<Props> { props: Props; render() { const {color, innerStyle, mode, size, style, thickness} = this.props; return ( <div> <MuiThemeProvider muiTheme={getMuiTheme(lightBaseTheme)}> <MUICircularProgress color={color} innerStyle={innerStyle} mode={mode} size={size} style={style} thickness={thickness} /> </MuiThemeProvider> </div>); } } CircularProgress.defaultProps = defaultProps; |