shadcn-ui/apps/v4/examples/base/badge-spinner.tsx

import { Badge } from "@/examples/base/ui/badge"
import { Spinner } from "@/examples/base/ui/spinner"

export function BadgeWithSpinner() {
  return (
    <div className="flex flex-wrap gap-2">
      <Badge variant="destructive">
        <Spinner data-icon="inline-start" />
        Deleting
      </Badge>
      <Badge variant="secondary">
        Generating
        <Spinner data-icon="inline-end" />
      </Badge>
    </div>
  )
}