Components

Input

A pressed-into-the-clay text field: inset shadow well, warm focus ring, and optional label / hint / error chrome.

tsx

import { Input } from "marclayui";

Full name

We never share it.

Username

Usernames need at least 4 characters.

Prop	Type	Default	Description
`label`	`React.ReactNode`	—	Renders a linked <label> above the field.
`hint`	`React.ReactNode`	—	Helper text below the field.
`error`	`string`	—	Shows red text, a danger ring and aria-invalid.
`size`	`"sm" \| "md" \| "lg"`	"md"	Padding and radius scale.
`block`	`boolean`	false	Field and wrapper stretch to full width.
`…rest`	`InputHTMLAttributes`	—	All native input attributes are forwarded.