Spinner

Playground

'use client';
import { Spinner, type SpinnerSize } from '@mbsw/ui';

export default function Demo() {
  const settings = {
    "size": "md"
  };
  return (
    <Spinner size={settings.size as SpinnerSize} aria-label={"Loading"} />
  );
}

Properties

Size

Usage

Use Spinner when progress is unknown. Your app handles the async work and decides when to show or hide it.

'use client';
import { Spinner } from '@mbsw/ui';

export default function Example() {
  return <Spinner size="md" aria-label={"Loading"} />;
}

The Playground Code tab includes the full example with your current settings. See Installation for the CSS imports.

Composition

Spinner