Input

1
import { Input } from "@/shared/ui/input";
2
import { Label } from "@/shared/ui/label";
3
4
// Text input with label
5
<div className="space-y-2">
6
  <Label htmlFor="text">Text</Label>
7
  <Input id="text" type="text" placeholder="Enter your name" />
8
</div>
9
10
// Email
11
<div className="space-y-2">
12
  <Label htmlFor="email">Email</Label>
13
  <Input id="email" type="email" placeholder="you@example.com" />
14
</div>
15
16
// Password
17
<div className="space-y-2">
18
  <Label htmlFor="password">Password</Label>
19
  <Input id="password" type="password" placeholder="••••••••" />
20
</div>
21
22
// File
23
<div className="space-y-2">
24
  <Label htmlFor="file">File</Label>
25
  <Input id="file" type="file" />
26
</div>
27
28
// Disabled
29
<div className="space-y-2">
30
  <Label htmlFor="disabled">Disabled</Label>
31
  <Input id="disabled" placeholder="Cannot edit" disabled />
32
</div>