Input

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

<div className="w-sm">
  <div className="meta-container">
    <Label htmlFor="email">Email Address</Label>
    <Input 
      id="email"
      type="email"
      placeholder="hello@example.com"
    />
  </div>
</div>
 
{/* Different input types */}
<Input type="password" placeholder="Enter password" />
<Input type="number" placeholder="Enter number" />
<Input type="search" placeholder="Search..." />
 
{/* Disabled state */}
<Input disabled placeholder="Disabled input" />