alias CorexWeb.Marquee
<Marquee.marquee
id="my-marquee"
items={
[...]
[
%{
name: "Apple",
logo: "🍎"
},
%{
name: "Banana",
logo: "🍌"
},
%{
name: "Cherry",
logo: "🍒"
},
%{
name: "Grape",
logo: "🍇"
},
%{
name: "Lemon",
logo: "🍋"
}
]
}
class="marquee"
duration={20}
spacing="2rem"
pause_on_interaction={:true}
>
<:item let={item}>
<span>{item.item.logo}</span> <span>{item.item.name}</span>
</:item>
</Marquee.marquee>