Sekmeler

<armada:tab.group default="genel">
    <armada:tabs>
        <armada:tab name="genel" icon="user">Genel</armada:tab>
        <armada:tab name="guvenlik" icon="shield">Güvenlik</armada:tab>
        <armada:tab name="bildirim" icon="bell" badge="3">Bildirimler</armada:tab>
        <armada:tab name="fatura" icon="credit-card">Faturalama</armada:tab>
    </armada:tabs>
    <armada:tab.panel name="genel"><armada:text>Profil bilgileri burada.</armada:text></armada:tab.panel>
    <armada:tab.panel name="guvenlik"><armada:text>Şifre ve iki adımlı doğrulama.</armada:text></armada:tab.panel>
    <armada:tab.panel name="bildirim"><armada:text>3 okunmamış bildirim.</armada:text></armada:tab.panel>
    <armada:tab.panel name="fatura"><armada:text>Plan ve ödeme yöntemleri.</armada:text></armada:tab.panel>
</armada:tab.group>

<div class="sc-col">
    <armada:tab.group default="hafta">
        <armada:tabs variant="pill">
            <armada:tab name="gun">Gün</armada:tab>
            <armada:tab name="hafta">Hafta</armada:tab>
            <armada:tab name="ay">Ay</armada:tab>
            <armada:tab name="yil">Yıl</armada:tab>
        </armada:tabs>
    </armada:tab.group>
    <armada:tab.group default="aylik">
        <armada:tabs variant="segment">
            <armada:tab name="aylik">Aylık</armada:tab>
            <armada:tab name="yillik">Yıllık · %20 indirim</armada:tab>
        </armada:tabs>
    </armada:tab.group>
    <armada:tab.group default="a">
        <armada:tabs variant="segment" block>
            <armada:tab name="a" icon="list">Liste</armada:tab>
            <armada:tab name="b" icon="layout-grid">Izgara</armada:tab>
            <armada:tab name="c" icon="map">Harita</armada:tab>
        </armada:tabs>
    </armada:tab.group>
</div>

<armada:tab.group default="profil" vertical>
    <armada:tabs vertical>
        <armada:tab name="profil" icon="user">Profil</armada:tab>
        <armada:tab name="hesap" icon="settings">Hesap</armada:tab>
        <armada:tab name="gorunum" icon="palette">Görünüm</armada:tab>
    </armada:tabs>
    <div>
        <armada:tab.panel name="profil"><armada:input label="Görünen ad" value="Amiral" /></armada:tab.panel>
        <armada:tab.panel name="hesap"><armada:input label="E-posta" value="amiral@armsys.tech" /></armada:tab.panel>
        <armada:tab.panel name="gorunum"><armada:theme-switcher /></armada:tab.panel>
    </div>
</armada:tab.group>

<armada:tab.group default="t1">
    <armada:tabs>
        @foreach (['Genel', 'Analitik', 'Raporlar', 'Kullanıcılar', 'Entegrasyonlar', 'Faturalama', 'Güvenlik', 'Gelişmiş'] as $i => $t)
            <armada:tab :name="'t'.($i + 1)">{{ $t }}</armada:tab>
        @endforeach
    </armada:tabs>
</armada:tab.group>

<armada:tabs>
    <armada:tab href="#" current>Kod</armada:tab>
    <armada:tab href="#" badge="4">Issues</armada:tab>
    <armada:tab href="#">Pull requests</armada:tab>
</armada:tabs>