Spinner

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

Installation

        npx shadcn-svelte@latest add http://adv76.github.io/kibo-svelte/r/spinner.json
    

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

import { Spinner } from "$lib/components/ui/spinner"; // [!code --]
import { Spinner } from "$lib/components/kibo-ui/spinner"; // [!code ++]

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

Customization