Spinner

Preview

Installation

Packages are unreleased. Follow the packed artifact setup for package mode, or run the local CLI in copy mode and complete the reported npm, token CSS, and Tailwind setup.

pnpm exec ui add spinner

Usage

This example uses package mode. In copy mode, import the generated component from your project and complete the manual setup steps in the installation guide.

import { Spinner } from '@nimjs/ui';

export function Example() {
  return (
    <Spinner label="Loading results" />
  );
}

System metadata

API and states

Name the loading task with label. The indicator uses the current text color.

Accessibility

The spinner is a status with an accessible label; animation stops for reduced motion.