<Input type="email" placeholder="Email" />npx bearnie add inputbunx bearnie add inputpnpm dlx bearnie add inputyarn dlx bearnie add inputimport { Input } from "@/components/bearnie/input"<Input type="email" placeholder="Email" /><div class="grid gap-2 w-full max-w-sm">
<Label for="email">Email</Label>
<Input type="email" id="email" placeholder="m@example.com" />
</div><Input type="password" placeholder="Password" /><Input disabled placeholder="Disabled" /><div class="relative w-full max-w-sm">
<Mail class="absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" />
<Input type="email" placeholder="Email" class="pl-10" />
</div><div class="relative w-full max-w-sm">
<Input type="search" placeholder="Search..." class="pr-10" />
<Search class="absolute right-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" />
</div><div class="flex gap-2 w-full max-w-sm">
<Input type="email" placeholder="Email" />
<Button>Subscribe</Button>
</div><div class="grid gap-2 w-full max-w-sm">
<Label for="file">Upload file</Label>
<Input id="file" type="file" />
</div>Input - A single form input element| Prop | Type | Default | Description |
|---|---|---|---|
| type | text | email | password | search | tel | url | number | text | Input type |
| placeholder | string | - | Placeholder text |
| disabled | boolean | false | Disables the input |
| required | boolean | false | Makes the field required |
| name | string | - | Form field name |
| id | string | - | Element ID |
| value | string | - | Input value |
| class | string | - | Additional CSS classes |