Spinner
An indeterminate activity indicator.
Try it
Saving state
Named activity indicator.
Use it
Working invocation
This code creates the configuration shown above. Copy the template and the required Python context together.
{% include "brickwork/components/_spinner.html" %}context = {}Guide
Add it to your project
- Include with a clear label where the surrounding context does not already name the work.
Options
Public API
Behaviour
Accessibility and responsive behaviour
- Accessibility
- It is always aria-hidden. Put aria-busy and any operation name on its host control; the spinner is never the only busy signal.
- Responsive
- No breakpoint-specific behaviour.
- Without JavaScript
- Static indicator is still visible when motion is reduced.
Need help?
Troubleshooting
Contract check: Accessibility: aria-hidden="true" always; the busy state is conveyed by
Pair a spinner with host-owned visible busy status; the glyph itself is never an accessible name or an error message.