Components
Input
A hand-drawn text input with box or underline style.
Installation
package manager
npx shadcn add https://bydefaulthuman.fun/r/input.jsonProps
PropTypeDefaultDescription
errorstring—
Error message shown below the component.
inputStyleInputStyle"box"Controls the `inputStyle` behavior.
labelstring—
Optional label text shown with the component.
themeCrumbleTheme—
Overrides the global Crumble theme for this instance.
valuestring—
Controlled input value.
defaultValuestring—
Initial uncontrolled value.
placeholderstring—
Placeholder text.
disabledboolean—
Disables the input.
onChange(event) => void—
Change handler.
Styles
Error state
Invalid email address
Disabled
Accessibility
Input renders a native text input with a real associated label when provided. Error text stays in the document flow, so you can connect it to form-level validation messaging as needed.
Examples
import { Input } from "@/components/crumble/ui/input";
<Input label="Name" placeholder="Enter your name" />;