Spinner - rafty/ui Docs

Spinners provide a visual cue that an action is processing awaiting a course of change or a result.

Anatomy

Import the component.

import { Spinner } from "@rafty/ui";

<Spinner />;

<Spinner />

There are 3 size options in spinner: sm, md (default) & `lg

<div className="flex items-center gap-4">
  <Spinner size="sm" />
  <Spinner size="md" />
  <Spinner size="lg" />
</div>

InheritParent prop lets spinner inherit color props from its parent element when true

<div className="text-primary-500 dark:text-primary-400">
  <Spinner inheritParent />
</div>