Görsel · Armada

Oran ve açıklama

Kodu göster

<div class="arm-grid" style="--min: 200px">
    <armada:image src="/img/mountains.svg" ratio="1" alt="Dağlar" caption="1:1" />
    <armada:image src="/img/ocean.svg" ratio="4/3" alt="Okyanus" caption="4:3" />
    <armada:image src="/img/desert.svg" ratio="16/9" alt="Çöl" caption="16:9" />
</div>

Köşesiz ve contain

Kodu göster

<div class="arm-grid" style="--min: 240px">
    <armada:image src="/img/forest.svg" ratio="3/2" :rounded="false" alt="Orman" />
    <armada:image src="/img/ocean.svg" ratio="1" fit="contain" alt="Okyanus" />
</div>

Özellikler

<armada:image>

Prop	Varsayılan
`src`	`zorunlu`
`alt`	`''`
`ratio`	`null`
`fit`	`null`
`caption`	`null`
`rounded`	`true`