Input

A text input field with bold borders and accessible focus states.

Email

Installation

npx neobrutal add input

Usage

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

<div className="grid w-full max-w-sm items-center gap-1.5">
  <Label htmlFor="email">Email</Label>
  <Input type="email" id="email" placeholder="Email" />
</div>

Examples

File Input

Picture

Disabled