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.

Field Input Invalid Demo

wednesday-ui/field-input-invalid-demo

RemovedComponent

A demo of the field input invalid

Install it

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

Source

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

1import { FieldInput } from "@/components/ui/field-input";
2 
3export const FieldInputInvalidExample = () => {
4  return (
5    <div className="flex flex-col gap-4 w-full max-w-72">
6      <FieldInput
7        id="invalid-email"
8        label="Email"
9        defaultValue="hi$ednesdayW.com"
10        aria-invalid={true}
11      />
12      <FieldInput
13        id="invalid-password"
14        label="Password"
15        type="password"
16        aria-invalid={true}
17      />
18    </div>
19  );
20};

What it pulls in

Other registry items

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

Files it writes

src/registry/example/field-input/invalid.tsx