Multiple links side by side in a list item with a badge and chevron

[asunar]

Hello,
I was wondering if I can do this (http://stackoverflow.com/questions/22419718/multiple-links-side-by-side-in-a-ratchet-2-0-1-list-item-with-a-badge-and-chevro).

Button group in a list item maybe?

[anatoo]

Hi @asunar,
You need to combine tappable-list and notification component.
Here is the plunker: http://plnkr.co/edit/Ru4tT13q9wvHCL9Sbv7X?p=preview

[asunar]

Hi @anatoo,

Thanks for the response. I can't see any links inside the li. Each < a > tag in the list item would have a unique href. Something like this

<li>
    <a href="mailto:?><img src="email.png" /></a>
    <a href="sms:?"><img src="sms.png" /></a>
    <a href="#Item/Details">
    <span>Buy
                <span class="notification" >1</span>
            <i class="fa fa-angle-right" class="list__item__line-height" style="opacity: 0.6"></i>
    </span>
   </a>
</li>

in order to get this.

Is this possible?

[anatoo]

Oh, I got it.

Currently, <a> tag is not suitable in tappable-list component.
Use onclick or ontouchstart instead of <a> tag as bellow.

<li class="list__item--tappable" ontouchstart="location.href='mailto:foobar@example.com';">
    ...
</li>