The Block Loader component shows a loading overlay for one specific part of the interface. Use it when a card, table, form, dialog, or other local section is busy while data loads, refreshes, or saves.
Use it for:
- Local loading: Block only the section that is fetching or processing data.
- Saving states: Keep a form or dialog visible while preventing interaction during save.
- Clear feedback: Show a spinner with an optional short message inside the affected area.
- Container positioning: Use
ngsBlockLoaderContaineron the parent container when the loader should cover that block.
Do not use Block Loader for full-page route loading, skeleton placeholders, inline spinners, progress percentages, or non-blocking background work.