Rover

Komponen untuk navigasi keyboard dalam daftar item. Membungkus elemen dengan kemampuan navigasi arrow key.

<laraliveui:rover>
    <laraliveui:rover.item>Item 1</laraliveui:rover.item>
    <laraliveui:rover.item>Item 2</laraliveui:rover.item>
    <laraliveui:rover.item>Item 3</laraliveui:rover.item>
</laraliveui:rover>

Orientasi

<laraliveui:rover orientation="vertical">
    <laraliveui:rover.item>Atas</laraliveui:rover.item>
    <laraliveui:rover.item>Bawah</laraliveui:rover.item>
</laraliveui:rover>

<laraliveui:rover orientation="horizontal">
    <laraliveui:rover.item>Kiri</laraliveui:rover.item>
    <laraliveui:rover.item>Kanan</laraliveui:rover.item>
</laraliveui:rover>

Non-Loop

<laraliveui:rover :loop="false">
    <laraliveui:rover.item>Item 1</laraliveui:rover.item>
    <laraliveui:rover.item>Item 2</laraliveui:rover.item>
    <laraliveui:rover.item>Item 3</laraliveui:rover.item>
</laraliveui:rover>

Referensi

laraliveui:rover

Prop	Deskripsi	Default
orientation	Orientasi navigasi: vertical, horizontal, both	vertical
loop	Loop navigasi	true

laraliveui:rover.item

Prop	Deskripsi
disabled	Nonaktifkan item
index	Index item (opsional)