Loaders
Ratchet
One Phillips head for inline waits and buttons. Size and color follow the surrounding text.
Loading proposals
Driver Line
Four heads turn in sequence. Always shown on their own, centered in a loading panel or a page overlay. Choose Phillips or mixed hardware.
Page overlay
The overlay covers the viewport with the current background color at 80% opacity. Only Driver Line is visible, centered. This presentation preview closes after two seconds or Escape.
Container loading
Place the panel inside a component to center Driver Line while content is loading. The loading panel fills a sized container and has a six-line minimum height.
Torque
Measured progress, from zero to one. Update the visual, percentage, and progressbar value together from the same job state.
Completing progress does not confirm a save. The application supplies the result separately.
Inherited color and scale
With reduced motion, the heads stay still and Torque still shows the current progress.
Loading and save regions
Use the SVG as the decorative indicator in LoadingRegion or while SaveStatus is saving. Keep the region's existing announcement and request ownership.
Saving…