Spinner

Loading indicator for buttons and async states.

Saved preference for elorm init --ui-library base-ui
PreviewCode
"use client"

import { Button } from "@/components/ui/button"
import { Spinner } from "@/components/ui/spinner"

export function SpinnerDemo() {
  return (
    <div className="flex items-center gap-4">
      <Spinner />
      <Button disabled>
        <Spinner data-icon="inline-start" />
        Loading
      </Button>
    </div>
  )
}

Installation#

Usage#

import { Spinner } from "@/components/ui/spinner"

Loading indicator for buttons and async states.