Component

Input

Neo-Brutalism styled text input with focus states and variants.

Preview

Installation

pnpm dlx brutx@latest add input

Usage

import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"

<div>
  <Label htmlFor="email">Email</Label>
  <Input id="email" type="email" placeholder="you@example.com" />
</div>

Variants

Sizes

Disabled

Textarea

Props

PropTypeDefault
variant"default" | "error" | "success""default"
inputSize"sm" | "default" | "lg""default"
disabledbooleanfalse