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.

Input Invalid Demo

wednesday-ui/input-invalid-demo

RemovedComponent

A demo of the input invalid

Install it

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

Source

src/registry/example/input/invalid.tsxui.ednesdayw.com/r/input-invalid-demo.json

1import { Input } from "@/components/ui/input";
2 
3export const inputVariants = [
4  "default",
5  "faded",
6  "bordered",
7  "underline",
8] as const;
9 
10export const InputInvalidExample = () => {
11  return (
12    <div className="flex flex-col gap-4 w-full max-w-72">
13      {inputVariants.map((variant) => (
14        <Input
15          key={variant}
16          variant={variant}
17          aria-invalid
18          placeholder="Invalid"
19        />
20      ))}
21    </div>
22  );
23};

What it pulls in

Other registry items

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

Files it writes

src/registry/example/input/invalid.tsx