Loading Dots

Three dots that pulse in turn after a word, sized like the text around them.

Deploying

Saving changes

Installation#

pnpm dlx shadcn@latest add @balick/loading-dots

Or pass the full URL: https://ui.balick.me/r/loading-dots.json

Usage#

import { LoadingDots } from "@/components/ui/loading-dots"

export function Deploying() {
  return (
    <p>
      Deploying
      <LoadingDots />
    </p>
  )
}

Props#

Prop	Type	Default	Description
`className` The dots take the size and color of the text; set them here or on the parent.	`string`	—	The dots take the size and color of the text; set them here or on the parent.