How to use @rmwc/linear-progress - 2 common examples
To help you get started, we’ve selected a few @rmwc/linear-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 / Timeline.js View on Github 
return _react2.default.createElement(
'div',
{
style: {
display: 'flex',
flex: 1,
margin: '10px',
justifyContent: 'center',
flexDirection: 'column',
alignItems: 'center'
}
},
_react2.default.createElement(
_Card.Card,
{ style: { width: '80vw', margin: '20px', padding: '0px' } },
_react2.default.createElement(_linearProgress.LinearProgress, { determinate: false })
)
);
}
return _react2.default.createElement(
'div',
{
style: {
color: this.props.textColor,
backgroundColor: this.props.backgroundColor
} },
this.renderTimeline(),
_react2.default.createElement(
'div',
{ style: { display: 'flex', flex: 1, justifyContent: 'center' } },
_react2.default.createElement(value: function renderComponent() {
if (this.state.loading) {
return _react2.default.createElement(
'div',
{ style: { display: 'flex', flex: 1, margin: '10px', justifyContent: 'center', flexDirection: 'column', alignItems: 'center' } },
_react2.default.createElement(
_card.Card,
{ style: { width: '80vw', margin: '20px', padding: '0px' } },
_react2.default.createElement(_linearProgress.LinearProgress, { determinate: false })
)
);
}
if (!this.state.period) {
return _react2.default.createElement('div', null);
}
return _react2.default.createElement(
'div',
{ style: {
color: 'white',
position: 'relative',
display: 'flex',
flex: 1,
paddingTop: '20px',@rmwc/linear-progress
Progress and activity indicators are visual indications of an app loading content.
