Input

A standard text field for user input.

Installation

Implement this component in your project using Yumma CSS and Base UI.

pnpm add @base-ui/react

Examples

Basic

import { Input } from "@base-ui/react/input";

export default function ExampleInput() {
  return (
    <Input
      placeholder="Search projects..."
      aria-label="Search projects"
      className="h-10 w-full max-w-64 br-2 bw-1 bc-silver-3 pl-4 fs-sm c-slate-10 bg-white fv:os-s fv:ow-2 fv:oo-2 fv:oc-indigo-6"
    />
  );
}

API Reference

Check out the Base UI documentation for more information.