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 Icon Demo

wednesday-ui/button-icon-demo

RemovedComponent

A demo of the button icon

Install it

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

Source

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

1import { Button } from "@/components/ui/button";
2import { CurrencyIcon } from "lucide-react";
3 
4const buttonVariants = [
5  "primary",
6  "secondary",
7  "outline",
8  "destructive",
9  "ghost",
10  "link",
11] as const;
12 
13export const ButtonIconExample = () => {
14  return (
15    <div className="w-full max-w-24 grid grid-cols-2 gap-4 place-items-center">
16      {buttonVariants.map((variant) => (
17        <Button key={variant} variant={variant} size="icon">
18          <CurrencyIcon />
19        </Button>
20      ))}
21    </div>
22  );
23};

What it pulls in

Other registry items

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

Files it writes

src/registry/example/button/icon.tsx