Spinner

A simple animated loading indicator. Use it to signal that content or an action is in progress.

Playground

Controls

Size

Variant

Theme

HTMLReact

ShareCopy

Usage

<lt-spinner size="md" variant="primary"></lt-spinner>

<div style="color: var(--lt-color-success-500);">
<lt-spinner variant="current"></lt-spinner>
</div>

import { Spinner } from '@latty-ds/react';

<Spinner size="md" variant="primary" />

<template>
<lt-spinner size="md" variant="primary"></lt-spinner>

<div style="color: var(--lt-color-success-500);">
  <lt-spinner variant="current"></lt-spinner>
</div>
</template>

API