Radio · Armada

Dikey grup

Bildirim sıklığı

Anında Günlük özet Her sabah 09:00 Hiçbir zaman

Kodu göster

<armada:radio.group label="Bildirim sıklığı">
    <armada:radio name="freq" value="instant" label="Anında" checked />
    <armada:radio name="freq" value="daily" label="Günlük özet" description="Her sabah 09:00" />
    <armada:radio name="freq" value="never" label="Hiçbir zaman" />
</armada:radio.group>

Yatay grup

Beden

XS S M L XL

Kodu göster

<armada:radio.group label="Beden" horizontal>
    @foreach (['XS', 'S', 'M', 'L', 'XL'] as $s)
        <armada:radio name="size" :value="$s" :label="$s" :checked="$s === 'M'" />
    @endforeach
</armada:radio.group>

Kart görünümü

Plan seçimi.

Plan

Ücretsiz 1 proje, topluluk desteği Pro Sınırsız proje · ₺299/ay Ekip SSO ve roller · ₺899/ay

Kodu göster

<armada:radio.group label="Plan" variant="cards">
    <armada:radio card name="plan" value="free" icon="gift" label="Ücretsiz" description="1 proje, topluluk desteği" />
    <armada:radio card name="plan" value="pro" icon="rocket" label="Pro" description="Sınırsız proje · ₺299/ay" checked />
    <armada:radio card name="plan" value="team" icon="users" label="Ekip" description="SSO ve roller · ₺899/ay" />
</armada:radio.group>

Özellikler

<armada:radio>

Prop	Varsayılan
`label`	`null`
`description`	`null`
`name`	`null`
`value`	`null`
`checked`	`false`
`card`	`false`
`icon`	`null`

<armada:radio.group>

Değerler: default | cards

Prop	Varsayılan	Not
`label`	`null`
`description`	`null`
`name`	`null`
`variant`	`'default'`
`horizontal`	`false`