Need slot in kor-tab-item

[damodharanj]

I need to place anchor tab inside tab-item. Right now it does not render the anchor inside a tab-item

[eduferfer]

Hi @damodharanj , could the anchor also be placed outside of the tab-item like below or is there a limitation to that on how your DOM is structured?

<a href="...">
  <kor-tab-item label="Hi"></kor-tab-item>
</a>

---

Alternatively, would it suffice if the tab-item itself would have an href property to handle URL navigation like below?

<kor-tab-item label="Hi" href="..."></kor-tab-item>

[damodharanj]

<a href="...">
  <kor-tab-item label="Hi"></kor-tab-item>
</a>

In this case the kor-tabs component is not working as intended

The underline does not toggle

---

<kor-tab-item label="Hi" href="..."></kor-tab-item>

This might not be sufficient as one might use custom Link tags the router supports. https://www.npmjs.com/package/lit-element-router

---

[eduferfer]

@damodharanj I just published a patch (v1.4.2) which allows <a> or any other element to be between <kor-tabs> and <kor-tab-item>.

Please try it out and let me know if it solves the problem!