Input Group

Ön ek, son ek, açıklama ve hata durumunu tek alanda birleştiren giriş grubu.

InputGroup.tsx

Proje adresi

https://.com

Yalnızca alt alan adını yazın.

Kurulum

shadcn CLI ile projenize ekleyebilir veya yukarıdaki "Kaynak Kodu" sekmesinden kodu doğrudan projenize kopyalayabilirsiniz:

$npx shadcn@latest add https://ui.cagriozay.com.tr/r/input-group.json

Kullanım Örneği

import { InputGroup } from "@/components/ui"

<InputGroup label="Site adresi" start="https://" end=".com" description="Yalnızca alt alan adını yazın.">
  <input placeholder="archintel" />
</InputGroup>

Özellikler & Parametreler (API)

Prop	Tür	Varsayılan	Açıklama
children	ReactElement<InputHTMLAttributes<HTMLInputElement>>	—	Gruba yerleştirilen native input.
label	ReactNode	—	Giriş alanının etiketi.
start	ReactNode	—	Alan başındaki sabit içerik.
end	ReactNode	—	Alan sonundaki sabit içerik.
description	ReactNode	—	Alanla otomatik ilişkilendirilen yardımcı metin.
error	ReactNode	—	Alanı geçersiz işaretleyen hata metni.