How to use @rmwc/circular-progress - 2 common examples
To help you get started, we’ve selected a few @rmwc/circular-progress examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
fluidtrends / chunky / web / lib / components / ColumnsInfo.js View on Github 
value: function renderComponent() {
if (!this.state.tokenData) {
return _react2.default.createElement(
'div',
null,
_react2.default.createElement(_circularProgress.CircularProgress, { size: 'large' })
);
}
return _react2.default.createElement(
'div',
{
style: { display: 'flex', flexDirection: 'column', flex: 1, justifyContent: 'center', alignItems: 'center', padding: "30px", backgroundColor: this.props.backgroundColor }
},
this.renderText(),
this.renderRowsAndColumns()
);
}
}]);value: function renderComponent() {
if (!this.state.testimonialsData) {
return _react2.default.createElement(
'div',
null,
_react2.default.createElement(_circularProgress.CircularProgress, { size: 'large' })
);
}
return _react2.default.createElement(
'div',
{
style: { display: 'flex', flexDirection: 'column', flex: 1, justifyContent: 'center', alignItems: 'center', margin: '100px 15px' }
},
this.renderText(),
this.renderSlider()
);
}
}]);@rmwc/circular-progress
Circular progress indicators display progress by animating an indicator along an invisible circular track in a clockwise direction. They can be applied directly to a surface, such as a button or card.
