LLabanaat

Spinner

Loading indicator with role="status", used internally by Button's isLoading state.

<Spinner />

Editable — change the code above and the preview updates live.

Sizes

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

Editable — change the code above and the preview updates live.

Installation

import { Spinner } from "@labanaat/ui/spinner";

Props

PropTypeDefaultDescription
size"sm" | "md" | "lg""md"Size scale
labelstring—Accessible label announced to screen readers; defaults to a localized string