Glow Input

Text input, textarea and a field wrapper that wires up label, helper text and errors so the control stays accessible.

InputsServer safe

Preview

Workspace name

Shows up in the sidebar and on every invite.

Billing email

That address is already tied to another workspace.

The CLI writes the source into your project and pulls in whatever it depends on.

$pnpm dlx shadcn@latest add @duck/glow-input

Pulls in @duck/theme. Already installed items are skipped.

import { GlowInput, GlowTextarea, GlowField } from "@/components/ui/glow-input"

The file lands in components/ui/glow-input.tsx and belongs to you from that point on. Edit it in place rather than wrapping it.

Everything not listed here is forwarded to the underlying element.

Prop	Type	Default	Description
label	string	-	On GlowField: visible label above the control.
helper	string	-	On GlowField: persistent hint below the control.
error	string	-	On GlowField: replaces the helper, sets aria-invalid and role=alert.
required	boolean	false	On GlowField: marks the control and adds the asterisk.

What keeps this component from turning into noise.