Spinner
A CSS-only animated loading indicator. Communicates asynchronous activity to both sighted users and screen readers via role="status" and an accessible label.
Size variants
<diwa-spinner size="sm" label="Loading small"></diwa-spinner><diwa-spinner size="md" label="Loading"></diwa-spinner><diwa-spinner size="lg" label="Please wait"></diwa-spinner>Inline with text
Use the sm size to combine the spinner inline with body text.
Async button pattern
Display a spinner next to a button while an async operation is in progress. The button is disabled to prevent duplicate submissions.