Input

Single-line text field.

Input uses bg-card

Stock shadcn sets the input background to bg-transparent. SE themes use distinct background and card values, so transparent inputs disappear on card surfaces. This override swaps bg-transparent for bg-card.

Default

<Input placeholder="Jane Doe" />

With label

<div className="grid w-full max-w-sm gap-2">
  <Label htmlFor="email">Email</Label>
  <Input id="email" type="email" placeholder="jane@example.com" />
</div>

Disabled

<Input placeholder="Disabled" disabled />