Skip to contentSkip to navigationSkip to topbar
Paste assistant Assistant
Figma
Star

Spinner

Version 14.1.2GithubStorybook

A Spinner is an animation that communicates a loading state to users.

Installation

Installation page anchor
yarn add @twilio-paste/spinner - or - yarn add @twilio-paste/core
import {Spinner} from '@twilio-paste/core/spinner';

const Component = () => {
  return <Spinner decorative={false} title="Loading" />;
};

Spinner

Spinner page anchor

decorative RequiredRequired

Whether or not the SVG is just visual flair or adds meaning to the page. Specifically for screenreaders to know whether to read out the title or not.

Type
boolean

delay

Time delay in milliseconds of the animation.

Type
number

element

Overrides the default element name to apply unique styles with the Customization Provider

Type
any
Default
SPINNER

title

The accessibility text that is read when screenreaders get to this component.

Type
string