Input

A cream field with a 2px navy pixel border and stepped corners. Placeholders are uppercase mono.

project name

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

<div className="grid gap-2">
  <Label htmlFor="project">project name</Label>
  <Input id="project" placeholder="untitled" />
</div>

States

Props

All native <input> attributes are supported (type, placeholder, disabled, value, onChange, …).