Spinner

Loading spinner indicator

Basic Usage

Loading...

Installation

pnpm add @corew500/ui

Usage

import { Spinner } from "@corew500/ui/spinner"

<Spinner>Content</Spinner>

API Reference

Accessibility

Screen Readers

- Uses `role="status"` to indicate loading state to screen readers
Default `aria-label="Loading"` announces the loading state
Override `aria-label` for context-specific messages

Additional

Consider adding visually hidden text for more context

Localization

Translatable Content

- Override `aria-label` with translated loading message
Example: `<Spinner aria-label={t('common.loading')} />`