Tile UISolid
Source code

Tile UI · SolidJS

CSR · SSR · SSG

Spinner

An accessible SolidJS loading status icon.

import { Spinner } from '@tile-ui/solid';
export default function SpinnerDemo() {
	return (
		<div class="button-group">
			<Spinner size="sm" aria-label="Loading small preview" />
			<Spinner />

Use Spinner for short indeterminate loading states.

Registry install

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

Package usage

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

<Spinner />

Highlights

  • Three sizes
  • Pulse animation

Registry dependencies

Item Purpose
spinner Component source and module styles
core Framework-agnostic logic helpers
styles Shared SCSS tokens and globals

API reference

Spinner

Prop Type Default
size 'sm' | 'default' | 'lg' —