Ember UI LogoEmber UI
Components

Spinner

A spinner component

Preview

Loading...
import {  Item,  ItemContent,  ItemMedia,  ItemTitle,} from "@/registry/axon/ui/item";import { Spinner } from "@/registry/axon/ui/spinner";export default function SpinnerDemo() {  return (    <div className="flex w-full max-w-xs flex-col gap-4 [--radius:1rem]">      <Item variant="muted">        <ItemMedia>          <Spinner />        </ItemMedia>        <ItemContent>          <ItemTitle className="line-clamp-1">Processing payment...</ItemTitle>        </ItemContent>        <ItemContent className="flex-none justify-end">          <span className="text-sm tabular-nums">$100.00</span>        </ItemContent>      </Item>    </div>  );}

Installation

CLI

npx shadcn@latest add @emberui/spinner
yarn shadcn@latest add @emberui/spinner
pnpm dlx shadcn@latest add @emberui/spinner
bunx --bun shadcn@latest add @emberui/spinner

Reference

This component is based on the shadcn/ui Spinner component.

On this page