Spinner

A loading spinner.

Use Spinner to indicate in-progress work.

import { Spinner } from '@tile-ui/react';

export default function SpinnerDemo() {
	return (
		<div className="button-group">
			<Spinner size="sm" />

Registry install

pnpm dlx shadcn@latest add @tile-ui/spinner

Package usage

import { Spinner } from '@tile-ui/react';
 
<Spinner />

Highlights

  • Three sizes
  • Pulse animation

Registry dependencies

ItemPurpose
spinnerComponent source and module styles
coreFramework-agnostic logic helpers
stylesShared SCSS tokens and globals

API reference

Spinner

PropTypeDefault
size'sm' | 'default' | 'lg'