Metin alanı · Armada

Etiket ve açıklama

name verildiğinde old() değeri ve doğrulama hatası otomatik bağlanır.

E-posta

Faturalar bu adrese gelir.

Kullanıcı adı İsteğe bağlı

Kodu göster

<div class="sc-col sc-narrow">
    <armada:input name="email" type="email" label="E-posta" description="Faturalar bu adrese gelir." placeholder="ornek@site.com" required />
    <armada:input name="username" label="Kullanıcı adı" badge="İsteğe bağlı" />
</div>

İkon, ön ek ve son ek

https:// .com

₺

Kodu göster

<div class="sc-col sc-narrow">
    <armada:input icon="search" placeholder="Ara…" />
    <armada:input prefix="https://" suffix=".com" placeholder="alanadi" />
    <armada:input icon="mail" icon-trailing="circle-check" value="amiral@armsys.tech" />
    <armada:input prefix="₺" type="number" placeholder="0,00" />
</div>

Eylemler

Temizle ve şifre göster/gizle.

Şifre

Kodu göster

<div class="sc-col sc-narrow">
    <armada:input icon="search" placeholder="Yazıp temizleyin" clearable />
    <armada:input type="password" label="Şifre" icon="lock" value="gizli-sifre" viewable />
</div>

Boyutlar

Kodu göster

<div class="sc-col sc-narrow">
    <armada:input size="sm" placeholder="Küçük" />
    <armada:input placeholder="Orta (varsayılan)" />
    <armada:input size="lg" placeholder="Büyük" />
</div>

Durumlar

Hatalı, devre dışı ve salt okunur.

Telefon

Geçerli bir telefon numarası girin.

Devre dışı

Salt okunur

Kodu göster

<div class="sc-col sc-narrow">
    <armada:field label="Telefon">
        <armada:input icon="phone" value="0555" invalid />
        <armada:error message="Geçerli bir telefon numarası girin." />
    </armada:field>
    <armada:input label="Devre dışı" value="Değiştirilemez" disabled />
    <armada:input label="Salt okunur" value="TR-2026-0042" readonly />
</div>

Tarih, saat ve diğer tipler

Telefonda doğru klavye ve sistem seçicisi açılır.

Tarih

Saat

Telefon

Web sitesi

Kodu göster

<div class="arm-form-grid">
    <armada:input type="date" label="Tarih" />
    <armada:input type="time" label="Saat" />
    <armada:input type="tel" label="Telefon" icon="phone" inputmode="tel" />
    <armada:input type="url" label="Web sitesi" icon="globe" />
</div>

Özellikler

<armada:input>

Prop	Varsayılan	Not
`type`	`'text'`
`name`	`null`	defaults to the wire:model property
`label`	`null`
`description`	`null`
`badge`	`null`
`size`	`'md'`	sm \| md \| lg
`icon`	`null`
`icon-trailing`	`null`
`prefix`	`null`
`suffix`	`null`
`clearable`	`false`
`viewable`	`false`	password show/hide
`invalid`	`null`	null = automatic from the validation errors
`required`	`false`

<armada:field>

Prop	Varsayılan	Not
`label`	`null`
`description`	`null`
`badge`	`null`
`name`	`null`	shows this field's validation error under the control
`for`	`null`
`required`	`false`
`inline`	`false`	label left, control right (switches, checkboxes); stacks on phones