BX Swiss Component Library

Marquee

There are no notes for this item.

<div class="marquee">
    <ul class="marquee__body">
        <li class="marquee__item">
            Item
            <span class="performance">(0.00%)</span>
        </li>
        <li class="marquee__item">
            Item
            <span class="performance">(0.00%)</span>
        </li>
        <li class="marquee__item">
            Item
            <span class="performance">(0.00%)</span>
        </li>
        <li class="marquee__item">
            Item
            <span class="performance">(0.00%)</span>
        </li>
        <li class="marquee__item">
            Item
            <span class="performance">(0.00%)</span>
        </li>

        <li class="marquee__item">
            Item
            <span class="performance performance--negative">(-3.14%)</span>
        </li>
        <li class="marquee__item">
            Item
            <span class="performance performance--negative">(-3.14%)</span>
        </li>
        <li class="marquee__item">
            Item
            <span class="performance performance--negative">(-3.14%)</span>
        </li>
        <li class="marquee__item">
            Item
            <span class="performance performance--negative">(-3.14%)</span>
        </li>
        <li class="marquee__item">
            Item
            <span class="performance performance--negative">(-3.14%)</span>
        </li>

        <li class="marquee__item">
            Item
            <span class="performance performance--positive">(3.14%)</span>
        </li>
        <li class="marquee__item">
            Item
            <span class="performance performance--positive">(3.14%)</span>
        </li>
        <li class="marquee__item">
            Item
            <span class="performance performance--positive">(3.14%)</span>
        </li>
        <li class="marquee__item">
            Item
            <span class="performance performance--positive">(3.14%)</span>
        </li>
        <li class="marquee__item">
            Item
            <span class="performance performance--positive">(3.14%)</span>
        </li>
    </ul>
</div>
 
<div class="marquee">
    <ul class="marquee__body">
        {{#for 5}}
            <li class="marquee__item">
                Item
                <span class="performance">(0.00%)</span>
            </li>
        {{/for}}

        {{#for 5}}
            <li class="marquee__item">
                Item
                <span class="performance performance--negative">(-3.14%)</span>
            </li>
        {{/for}}

        {{#for 5}}
            <li class="marquee__item">
                Item
                <span class="performance performance--positive">(3.14%)</span>
            </li>
        {{/for}}
    </ul>
</div>
 
/* No context defined for this component. */