Input

Form inputs that match the muted, glassy aesthetic used across the Omni dashboard PoC, including uppercase file selectors and focused border accents.

Input component

Default
Standard text fields with the muted glass background treatment.
Disabled State
Showcase of read-only credentials inside the same visual system.

Installation

pnpm dlx shadcn@latest add @omni/input

Usage

import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
<div className="grid gap-2">
  <Label htmlFor="email">Email</Label>
  <Input id="email" type="email" placeholder="you@omni.dev" />
</div>