MobX Quick Start Guide

The TemplateStepComponent

TemplateStepComponent gives the visual representation to the WorkflowStep. It renders the feedback when the step is loading and also when the main operation is being performed. Additionally, it shows the details of the step once it is loaded. These details are shown via the renderDetails prop, which accepts a React component:

@inject('store')export class TemplateStepComponent extends React.Component {    static defaultProps = {        title: 'Step Title',        operationTitle: 'Operation',        renderDetails: step => 'Some Description', // A render-prop to render details of a step    };    render() {        const { title, operationTitle, renderDetails } = this.props;        return (            <Fragment>                <Typography                    variant={'headline'}                    style={{ textAlign: 'center' ...