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.
Color Input Variant Demo
wednesday-ui/color-input-variant-demoRemovedComponent
A demo of the color input variant
Install it
npx shadcn@latest add https://ui.ednesdayw.com/r/color-input-variant-demo.jsonSource
1import { ColorInput } from "@/components/ui/color-input";2import { useState } from "react";34export const inputVariants = [5 "default",6 "faded",7 "bordered",8 "underline",9] as const;1011export const ColorInputVariantExample = () => {12 const [hex, setHex] = useState("#4ec4b8");13 const [hexAlpha, setHexAlpha] = useState("#4ec4b880");14 return (15 <div className="flex flex-col gap-4 w-full max-w-72">16 {inputVariants.map((variant, idx) => (17 <ColorInput18 key={variant}19 className="rounded-xl"20 type={idx % 2 === 0 ? "hex" : "hex-alpha"}21 variant={variant}22 value={idx % 2 === 0 ? hex : hexAlpha}23 onChange={(value) =>24 idx % 2 === 0 ? setHex(value) : setHexAlpha(value)25 }26 />27 ))}28 </div>29 );30};
What it pulls in
Other registry items
