Akordiyon · Armada

Çerçeveli SSS

exclusive ile aynı anda tek soru açık.

Armada'yı nasıl kurarım?

composer require armsys-tech/armada komutundan sonra layout'a @armadaStyles ve @armadaScripts eklemen yeterli.

Tailwind gerekiyor mu?

Hayır. Tüm CSS cascade layer içinde gelir; Tailwind kullanıyorsan çakışmadan birlikte çalışır.

Telefonda nasıl görünür?

Modal'lar bottom sheet'e, menüler alttan açılan panellere, tablolar kartlara dönüşür.

Kodu göster

<armada:accordion variant="bordered" exclusive>
    <armada:accordion.item heading="Armada'yı nasıl kurarım?" expanded>composer require armsys-tech/armada komutundan sonra layout'a @@armadaStyles ve @@armadaScripts eklemen yeterli.</armada:accordion.item>
    <armada:accordion.item heading="Tailwind gerekiyor mu?">Hayır. Tüm CSS cascade layer içinde gelir; Tailwind kullanıyorsan çakışmadan birlikte çalışır.</armada:accordion.item>
    <armada:accordion.item heading="Telefonda nasıl görünür?">Modal'lar bottom sheet'e, menüler alttan açılan panellere, tablolar kartlara dönüşür.</armada:accordion.item>
</armada:accordion>

Ayrık ve ikonlu

Kargo ve teslimat

Siparişler 1–3 iş gününde kargoya verilir.

İade koşulları

14 gün içinde ücretsiz iade.

Ödeme seçenekleri

Kredi kartı, havale ve kapıda ödeme.

Kodu göster

<armada:accordion variant="separated">
    <armada:accordion.item heading="Kargo ve teslimat" icon="truck">Siparişler 1–3 iş gününde kargoya verilir.</armada:accordion.item>
    <armada:accordion.item heading="İade koşulları" icon="undo-2">14 gün içinde ücretsiz iade.</armada:accordion.item>
    <armada:accordion.item heading="Ödeme seçenekleri" icon="credit-card">Kredi kartı, havale ve kapıda ödeme.</armada:accordion.item>
</armada:accordion>

Sade

Gelişmiş ayarlar

Bu ayarlar yalnızca uzman kullanıcılar içindir.

Tehlikeli bölge

Hesabı silmek geri alınamaz.

Kodu göster

<armada:accordion>
    <armada:accordion.item heading="Gelişmiş ayarlar">Bu ayarlar yalnızca uzman kullanıcılar içindir.</armada:accordion.item>
    <armada:accordion.item heading="Tehlikeli bölge">Hesabı silmek geri alınamaz.</armada:accordion.item>
</armada:accordion>

Özellikler

<armada:accordion>

Değerler: plain | bordered | separated · exclusive: one item open at a time

Prop	Varsayılan	Not
`variant`	`'plain'`
`exclusive`	`false`

<armada:accordion.item>

Değerler: heading: text or slot · trailing: slot right of the heading (badges, counts)

Prop	Varsayılan	Not
`heading`	`null`
`icon`	`null`
`expanded`	`false`
`trailing`	`null`