Input

Optional uppercase mono label, optional left icon, default + error states. Border transitions on focus.

Field cannot be empty

Add to your project

One command adds this component to your project.

1

Run the following command. New project? Run npx shadcn@latest init first to set up Tailwind and path aliases.

npx shadcn@latest add @aicanvas/andromeda-input

Props

Every prop this component accepts. Any other prop is forwarded to the underlying element.

PropTypeDefaultDescription
labelstring-Uppercase mono label rendered above the field.
iconReact.ComponentType<{ size?: number, strokeWidth?: number }>-Optional left icon.
errorstring-When set, switches the field into the error state and renders the message.
classNamestring-Class name forwarded to the <input> element.
wrapperClassNamestring-Class name forwarded to the outer wrapper.

More Andromeda components