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

wednesday-ui/field-input-variant-demo

RemovedComponent

A demo of the field input variant

Install it

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

Source

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

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

What it pulls in

Other registry items

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

Files it writes

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