This component no longer exists. It was in Wednesday UI’s manifest when we first indexed it and is not there now — the registry served its inventory on 2026-08-13 and this item was not on it. The install command below will fail. It is kept here because a tutorial somewhere still tells people to run it.

Button Loading Demo

wednesday-ui/button-loading-demo

RemovedComponent

A demo of the button loading

Install it

npx shadcn@latest add https://ui.ednesdayw.com/r/button-loading-demo.json

Source

src/registry/example/button/loading.tsxui.ednesdayw.com/r/button-loading-demo.json

1import { Button } from "@/components/ui/button";
2 
3const buttonVariants = [
4  "primary",
5  "secondary",
6  "outline",
7  "destructive",
8  "ghost",
9  "link",
10] as const;
11 
12export const ButtonLoadingExample = () => {
13  return (
14    <div className="w-full max-w-xs grid grid-cols-2 gap-4">
15      {buttonVariants.map((variant) => (
16        <Button key={variant} variant={variant} loading>
17          {variant.charAt(0).toUpperCase() + variant.slice(1)}
18        </Button>
19      ))}
20    </div>
21  );
22};

What it pulls in

Other registry items

https://ui.ednesdayw.com/r/button.json

Files it writes

src/registry/example/button/loading.tsx