Automattic Design System

Components

Spinner

A component used to notify users that their action is being processed.

import { Spinner } from '@wordpress/ui';

View on Storybook

View source on GitHub

ExamplesPermalink to this section

DefaultPermalink to this section

const Default = () => <Spinner />;

Custom SizePermalink to this section

const CustomSize = () => <Spinner
    style={{
        width: 'var(--wpds-dimension-size-lg)',
        height: 'var(--wpds-dimension-size-lg)',
    }} />;