Input
A form input component with bold borders and shadow.
The Input component is a form input field with blocky styling. It features thick borders and shadows that match the Things design system. Built from scratch using React and native HTML input elements. No dependencies on any UI library.
Usage
Copy the Input component code into your project, then use it like this:
import { Input } from "@/components/ui/input"
<Input type="text" placeholder="Enter text" />
<Input type="email" placeholder="Email" />
<Input type="password" placeholder="Password" />Make sure you also have the lib/utils.ts file with the cn helper function.