Skip to main content

Spinner

Loading indicator with size and color options.

Preview
Loading preview…

Import​

// Web Component
import '@kittl/ui';

// React
import { Spinner } from '@kittl/ui-react';

Usage​

Web Component​

<kittl-spinner></kittl-spinner>
<kittl-spinner size="xl"></kittl-spinner>
<kittl-spinner size="xs" color="inherit"></kittl-spinner>

React​

<Spinner />
<Spinner size="xl" />
<Spinner size="xs" color="inherit" />

Props​

PropertyTypeDefaultDescription
size'xs' | 'm' | 'l' | 'xl''m'Spinner size
color'default' | 'inherit''default'Color mode (inherit uses parent's text color)

Accessibility​

  • role="status"
  • aria-live="polite"