Kanban · Armada

Davet hattı

Kartı sürükleyip başka sütuna bırakın; dokunmatikte kısa basılı tutun. Livewire: handler="move".

Tespit edildi 3

@ayse.live

Türkiye · 12.4K takipçi

@mert_pk

Türkiye · PK yayıncısı

@linh.vn

Vietnam · 8.1K takipçi

Davet edildi 2

@selin

Premium davet · 2 gün önce

Premium

@can.music

Normal davet · bugün

Üye 1

@deniz

Ekim · 72.400 elmas

Ayrıldı 0

Kodu göster

<armada:kanban x-on:kanban-move="Armada.toast({ title: 'Taşındı', text: $event.detail.item + ' → ' + $event.detail.to, tone: 'success' })">
    <armada:kanban.column name="found" title="Tespit edildi" count="3" tone="info">
        <armada:kanban.card item="@ayse.live" title="@ayse.live" description="Türkiye · 12.4K takipçi" />
        <armada:kanban.card item="@mert_pk" title="@mert_pk" description="Türkiye · PK yayıncısı"><armada:badge size="sm" tone="purple">PK</armada:badge></armada:kanban.card>
        <armada:kanban.card item="@linh.vn" title="@linh.vn" description="Vietnam · 8.1K takipçi" />
    </armada:kanban.column>
    <armada:kanban.column name="invited" title="Davet edildi" count="2" tone="warning">
        <armada:kanban.card item="@selin" title="@selin" description="Premium davet · 2 gün önce"><armada:badge size="sm" tone="warning">Premium</armada:badge></armada:kanban.card>
        <armada:kanban.card item="@can.music" title="@can.music" description="Normal davet · bugün" />
    </armada:kanban.column>
    <armada:kanban.column name="member" title="Üye" count="1" tone="success">
        <armada:kanban.card item="@deniz" title="@deniz" description="Ekim · 72.400 elmas">
            <armada:progress :value="90" tone="success" />
        </armada:kanban.card>
        <x-slot:footer><armada:button size="sm" variant="ghost" icon="plus" block>Kart ekle</armada:button></x-slot:footer>
    </armada:kanban.column>
    <armada:kanban.column name="removed" title="Ayrıldı" count="0" tone="danger" />
</armada:kanban>

Özellikler

<armada:kanban>

Değerler: Cards drag between columns with mouse, pen or touch (long-press on touch). Every drop also dispatches `kanban-move` ({ item, from, to, index }).

Prop	Varsayılan	Not
`handler`	`null`	Livewire method called on drop: $wire[handler](item, column, index)

<armada:kanban.column>

Prop	Varsayılan
`name`	`zorunlu`
`title`	`null`
`count`	`null`
`tone`	`null`
`actions`	`null`
`footer`	`null`

<armada:kanban.card>

Prop	Varsayılan
`item`	`zorunlu`
`title`	`null`
`description`	`null`
`locked`	`false`