Spinner/spinner-inline-

A spinner/spinner-inline- example

shadcnblocksblock

Preview

Loading preview…

code/example/spinner/spinner-inline-2.tsx

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

export const title = "Spinner Before Text";

const Example = () => (
  <p className="flex items-center gap-2 text-sm text-muted-foreground">
    <Spinner className="size-3" />
    Syncing your changes
  </p>
);

export default Example;

Installation

npx shadcn@latest add @shadcnblocks/spinner-spinner-inline-2

Usage

import { SpinnerSpinnerInline2 } from "@/components/spinner-spinner-inline-2"

<SpinnerSpinnerInline2 />