pro-ui

Spinner

Loading spinner with size variants.

Import

import { Spinner } from '@dangbt/pro-ui'

Usage

{isLoading && <Spinner />}
 
{isLoading && <Spinner size="sm" />}
{isLoading && <Spinner size="lg" />}

Centered overlay

<div className="relative min-h-[200px]">
  {isLoading && (
    <div className="absolute inset-0 flex items-center justify-center bg-background/50">
      <Spinner size="lg" />
    </div>
  )}
  <Content />
</div>

Props

PropTypeDefaultDescription
size'sm' | 'md' | 'lg''md'Spinner size

Previous

TagInput

On this page