Input Bileşeni

Basit Kullanım

En temel input kullanımı.

<Input placeholder="Basic input" />

Label ile Kullanım

Label ile input kullanımı.

<Input label="Email" placeholder="Enter your email" />

Sol İkon

Sol ikonu olan input örneği.

<Input leftIcon={<Search className="h-4 w-4" />} placeholder="Search..." />

Sağ İkon

Sağ ikonu olan input örneği.

<Input rightIcon={<Mail className="h-4 w-4" />} placeholder="Email address" />

Hata Durumu

Hata mesajı ile input kullanımı.

This field is required

<Input error="This field is required" placeholder="Error state" />

Ghost Varyant

Ghost stilinde input kullanımı.

<Input variant="ghost" placeholder="Ghost input" />

Outline Varyant

Outline stilinde input kullanımı.

<Input variant="outline" placeholder="Outline input" />

Small Boyut

Küçük boyutlu input örneği.

<Input sizeVariant="sm" placeholder="Small input" />

Large Boyut

Büyük boyutlu input örneği.

<Input sizeVariant="lg" placeholder="Large input" />

Password Input

Şifre girişi için input örneği.

<Input type="password" placeholder="Enter password" rightIcon={<Eye className="h-4 w-4" />} />