There is class kv-tab-close but no kv-tab-icon. Wo...

# kvision

[Jörg Rade]

There is class kv-tab-close but no kv-tab-icon.
Would this be the way to go?

[Robert Jaros]

Tab icon is not a component. It's just a part of the Link component inside the tab.

[Robert Jaros]

If you need to bind some handler to the click event on the icon, you could use probably use native listener.

[Robert Jaros]

tab("Tab name", "fas fa-check") {
	div("Tab content")
	addAfterInsertHook {
		getElement()?.unsafeCast<Element>()?.querySelector("i")?.addEventListener("click", {
			console.log("icon clicked")
		})
	}
}

[Robert Jaros]

Are we still talking about opening menu when tab icon is clicked?

[Jörg Rade]

Yes, exactly.

[Robert Jaros]

You can try this:

val contextMenu = ContextMenu {
                cmLink("First item", "#!/first")
                cmLink("Second item", "#!/second")
                // you can generate links from buildOjectMenu array
            }
            tabPanel {
                tab("A tab", "fas fa-times") {
                    div("Some content")
                    addAfterInsertHook {
                        getElement()?.unsafeCast<Element>()?.querySelector("i")?.addEventListener("click", {
                            it.stopPropagation()
                            contextMenu.positionMenu(it.unsafeCast<MouseEvent>())
                        })
                    }
                }
            }

[Jörg Rade]

💪 🙏