Spinner

Loading state animations

FeedbackStable

Preview

Interactive preview of the Spinner component with different variants.

Loading
Small
Loading
Medium
Loading
Large

Installation

Install the package via npm:

bash
npm install apex-design-system

Import

tsx
import { Spinner } from 'apex-design-system';

Basic Usage

tsx
<Spinner />

Sizes

tsx
<Spinner size="sm" />
<Spinner size="md" />
<Spinner size="lg" />

Accessibility

This component follows WAI-ARIA best practices and is WCAG 2.1 AA compliant. It includes proper keyboard navigation, focus management, and screen reader support.

View in StorybookView source