TabStrip

Example

<kendo-tabstrip>
    <div></div>
    <items></items>
    <popup-animation></popup-animation>
    <scrollable />
    <ul></ul>
</kendo-tabstrip>

ChildTags

Tag Name Details
div
items TabStripItemsTagHelper
popup-animation TabStripAnimationSettingsTagHelper
scrollable TabStripScrollableSettingsTagHelper
ul

Attributes

Attribute Type Description
name String Sets the name of the component.
bind-to IEnumerable<TabStripItemBase> Binds a list of items to the TabStrip.
deferred Boolean Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
is-in-client-template Boolean When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
as-module Boolean
collapsible Boolean Specifies whether the TabStrip should be able to collapse completely when clicking an expanded tab.
has-client-component Boolean
navigatable Boolean Specifies whether the TabStrip should be keyboard navigatable.
on-activate String Triggered after a tab is being made visible and its animation complete. Before Q2 2014 this event was invoked after tab show, but before the end of the animation. This event is triggered only for tabs with associated content.
on-content-load String Triggered when content is fetched from an AJAX request.
on-error String Triggered when an AJAX request results in an error.
on-select String Triggered before a tab is selected.
on-show String Triggered just after a tab is being made visible, but before the end of the animation. Before Q2 2014 this event was called activate.
sanitize-id Boolean
script-attributes IDictionary<String,Object>
sortable Boolean If enabled, users will be able to sort the tabs by dragging them to the desired position.
tab-position String Specifies the position of the widget tabs. Valid values are "top" (default), "left", "right" and "bottom". A fade animation is highly recommended with any of the non-default tab position settings.
In this article
Not finding the help you need?