Select · Armada

Seçenek dizisi

['tr' => 'Türkiye'] veya düz liste.

Ülke

Para birimi

Kodu göster

<div class="sc-col sc-narrow">
    <armada:select label="Ülke" name="country" placeholder="Ülke seçin" :options="['tr' => 'Türkiye', 'de' => 'Almanya', 'nl' => 'Hollanda', 'jp' => 'Japonya']" />
    <armada:select label="Para birimi" :options="['TRY', 'EUR', 'USD']" selected="EUR" />
</div>

Slot ile ve gruplu

Sunucu bölgesi

Kodu göster

<div class="sc-narrow">
    <armada:select label="Sunucu bölgesi">
        <optgroup label="Avrupa"><option>İstanbul</option><option>Frankfurt</option></optgroup>
        <optgroup label="Asya"><option>Tokyo</option><option>Singapur</option></optgroup>
    </armada:select>
</div>

Boyutlar

Kodu göster

<div class="sc-row">
    <armada:select size="sm" :options="['10 / sayfa', '25 / sayfa', '50 / sayfa']" />
    <armada:select :options="['Varsayılan']" />
    <armada:select size="lg" :options="['Büyük']" />
</div>

Özellikler

<armada:select>

Prop	Varsayılan
`label`	`null`
`description`	`null`
`badge`	`null`
`name`	`null`
`options`	`[]`
`placeholder`	`null`
`selected`	`null`
`size`	`'md'`
`required`	`false`