Uyarı · Armada

Tonlar

İkon tona göre otomatik seçilir.

Bilgi

Yeni sürüm hazır; değişiklikleri incelemek için sürüm notlarına bak.

Kaydedildi

Ayarlarınız başarıyla güncellendi.

Kotanız dolmak üzere

Depolama alanının %90'ını kullandınız.

Ödeme başarısız

Kartınız reddedildi; ödeme yöntemini güncelleyin.

Kodu göster

<div class="sc-col">
    <armada:callout tone="info" title="Bilgi">Yeni sürüm hazır; değişiklikleri incelemek için sürüm notlarına bak.</armada:callout>
    <armada:callout tone="success" title="Kaydedildi">Ayarlarınız başarıyla güncellendi.</armada:callout>
    <armada:callout tone="warning" title="Kotanız dolmak üzere">Depolama alanının %90'ını kullandınız.</armada:callout>
    <armada:callout tone="danger" title="Ödeme başarısız">Kartınız reddedildi; ödeme yöntemini güncelleyin.</armada:callout>
</div>

Eylemli ve kapatılabilir

Pro'ya geçin

Sınırsız proje, öncelikli destek ve gelişmiş raporlar.

Kodu göster

<armada:callout tone="primary" icon="sparkles" title="Pro'ya geçin" dismissible>
    Sınırsız proje, öncelikli destek ve gelişmiş raporlar.
    <x-slot:actions>
        <armada:button size="sm" variant="solid" tone="primary">Yükselt</armada:button>
        <armada:button size="sm" variant="ghost">Daha sonra</armada:button>
    </x-slot:actions>
</armada:callout>

Çizgili ve solid

Bu işlem geri alınamaz.

Sunucu çevrimdışı

tr1-istanbul 3 dakikadır yanıt vermiyor.

İkonsuz, nötr not.

Kodu göster

<div class="sc-col">
    <armada:callout variant="line" tone="warning">Bu işlem geri alınamaz.</armada:callout>
    <armada:callout variant="solid" tone="danger" title="Sunucu çevrimdışı">tr1-istanbul 3 dakikadır yanıt vermiyor.</armada:callout>
    <armada:callout tone="neutral" :icon="false">İkonsuz, nötr not.</armada:callout>
</div>

Özellikler

<armada:callout>

Prop	Varsayılan	Not
`tone`	`'info'`	info \| success \| warning \| danger \| neutral \| primary …
`variant`	`'soft'`	soft \| line \| solid
`title`	`null`
`icon`	`null`	false to hide
`dismissible`	`false`
`actions`	`null`