A loading spinner with size variants and accessible labeling.
Examples of v0.4.4 are shown as code; only the latest version runs live. Open the live examples →
Small Spinner
1const SmallSpinner = () => {2 return <Spinner size="sm" />;3};45render(<SmallSpinner />);
Medium Spinner
1const MediumSpinner = () => {2 return <Spinner size="md" />;3};45render(<MediumSpinner />);
Large Spinner
1const LargeSpinner = () => {2 return <Spinner size="lg" />;3};45render(<LargeSpinner />);
Spinner With Custom Label
1const SpinnerWithCustomLabel = () => {2 return <Spinner size="md" label="Saving changes" />;3};45render(<SpinnerWithCustomLabel />);