kosori

Spinner

An indicator that can be used to show a loading state.

Spinner wraps the Tabler IconLoader2 icon, names it for assistive technology with role="status" and spins it with animate-spin.

Installation

npx shadcn@latest add @kosori/spinner

Example

spinner-example.tsx
spinner-example
import { Spinner } from '@/components/ui/spinner';

const SpinnerExample = () => <Spinner />;

export default SpinnerExample;

Usage

import { Spinner } from '@/components/ui/spinner';

const SpinnerDemo = () => <Spinner />;

On this page