In a reactive environment, there is sometimes a need to block the screen, totally or partially, so that the user can't take any action until the previous action is finished. While this action is taking place, it is good to inform the user that a task is being performed. And so I leave here two loaders. And since for the youngest there is always this difficulty, I leave here this component.

How to use:

• Create a boolean variable, e.g. SpinnerMode 
• Drag the block into the screen tree

• At the beginning of the flow do set the Boolean variable as shown in the figure, and at the end of the flow repeat the same. This process will activate the loader and disable it respectively.

Other details:

• Blur instead of complete opacity;
• Have the show / hide all placeholders;
• Have placeholder to allow inserting any content when loading;

Thank you and I hope this component will facilitate your work.