Loading spinner
import { Spinner } from "@combric/react";
export function Example() {
return <Spinner aria-label="Refreshing projects" />;
}Spinner
Compact indeterminate busy indicator.
@combric/react · v1.1.1 · Current
Import and usage
import { Spinner } from "@combric/react";Load the native stylesheet with @import "@combric/react/css";. This path does not require Tailwind.
Examples
Decorative by default
import { Spinner } from "@combric/react";
export function Example() {
return <Spinner />;
}Public API
| Name |
|---|
Spinner |
| Property / capability | Published contract |
|---|---|
| Contract | aria-label opts into status semantics |
| Contract | native span props |
Accessibility
Decorative by default; a consumer label gives it status semantics without injected text.
CSS and customization
Combric classes and canonical --combric-* variables provide the package presentation. Consumer className extends the required class; it does not replace the component contract.