Inputs

Input

A styled text input with a built-in invalid state.

Input

Preview

Usage

tsx

import { Input, Label } from "@vesture/react";

function Example() {
  return (
    <>
      <Label htmlFor="email" required>Email</Label>
      <Input id="email" type="email" placeholder="you@example.com" invalid={!!error} />
    </>
  );
}

Props

Prop	Type	Default	Description
invalid	boolean	—	Sets aria-invalid and switches to error styling.
...rest	InputHTMLAttributes<HTMLInputElement>	—	Spread onto the native <input>.