Add button in a Tab without triggering selection
Environment
Product Version | 5.14.1 |
Product | Progress® KendoReact |
Description
I want to add a button in one of my Tabs in the TabStrip, but without triggering onSelect when the button is clicked.
Solution
The "title" property of the TabStripTab accepts string value and React Node and for placing a button within the TabStripTab you can set React Node with the tab title and the button. Within the onClick event of the Button, call preventDefault and stopPropagation for the event to stop the event from propagating to the TabStrip.
Following is an example demonstrating the approach: