← All components

Input

Text fields sized for forms and filters.

Example

import { Input } from "matcha-ui";
import { Label } from "matcha-ui";

<div className="grid w-full max-w-sm gap-2">
  <Label htmlFor="email">Email</Label>
  <Input id="email" type="email" placeholder="you@company.com" />
</div>