Spinner

Tip

View source on GitHub →

A small loading indicator used inside buttons, async controls, and placeholders. Exported from @eightshift/ui-components/icons.

import { Spinner } from '@eightshift/ui-components/icons';

<Spinner />;

Sizing and color

Spinner accepts a className and renders as a <div>. The default size is size-8 and the default color is the accent color. Override both by passing Tailwind utility classes:

<Spinner className='es:size-4 es:text-surface-600' />

Highlighted props

Prop	Description
className	Appended to the spinner's class list. Use for size, color, and additional motion utilities.