Spinner

A loading spinner.

Use Spinner to indicate in-progress work.

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

Registry install

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

Package usage

import { Spinner } from '@tile-ui/vue';
 
<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'