When you select a tab, the tab headers are completly redrawn. This makes it impossible to add CSS transitions and animations to the tabs. I would like to add an transition to `.k-state-active`, so on selection there is a nice transtion.

Instead of redrawing, only the necessary changes should be applied to the items, i.e. changing CSS classes.

Describe the bug
In a Server-side rendering scenario, the tab navigation of the Native TabStrip is not visible right after its load. The tab navigation is not visible until the page gets rehydrated on the client side.

To Reproduce

1. Open this StackBlitz example
2. Reload the result pane a few times

Expected behavior
The tab navigation should be visible right after the page load, not when the page gets rehydrated on the client side

Describe the bug
When using Teleport in the Tab template it is rendered for every tab

To Reproduce
https://stackblitz.com/edit/7malny-zw7ibq?file=public%2Findex.html,src%2Fmain.js,src%2Fmain.vue

The teleport is added in the tab template

Current: result it is rendered several times at the bottom
Expected: it is rendered only once at the bottom

Workaround :
Only render the teleport if the desired tab is selected: https://stackblitz.com/edit/7malny-gqxkma?file=public%2Findex.html,src%2FTabOne.vue,src%2Fmain.vue

Currently, the Native TabStrip component doesn't provide the option to make its tabs scrollable. 

Making TabStrip's tabs scrollable is useful for scenarios with smaller screen sizes.

Once the request is implemented, we should have something like this: