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-inputProps
Every prop this component accepts. Any other prop is forwarded to the underlying element.
| Prop | Type | Default | Description |
|---|---|---|---|
| label | string | - | Uppercase mono label rendered above the field. |
| icon | React.ComponentType<{ size?: number, strokeWidth?: number }> | - | Optional left icon. |
| error | string | - | When set, switches the field into the error state and renders the message. |
| className | string | - | Class name forwarded to the <input> element. |
| wrapperClassName | string | - | Class name forwarded to the outer wrapper. |

