Spinner

The Spinner component expands the shadcn spinner component with additional variants.

Installation

npx kibo-ui add spinner

You can replace the shadcn spinner with this component to get the additional variants.

import { Spinner } from "@/components/ui/spinner"; 
import { Spinner } from "@/components/kibo-ui/spinner"; 

Features

  • Multiple size variants (sm, default, lg)
  • Multiple variants (throbber, pinwheel, circle-filled, etc.)
  • Default variant is the shadcn spinner
  • Customizable colors and styles
  • Accessible loading indicator

Examples

Variants

default
throbber
pinwheel
circle-filled
Loading...ellipsis
Loading...ring
Loading...bars
Loading...infinite

Customization