TabStrip

Example

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

ChildTags

Attributes

AttributeTypeDescription
nameStringSets the name of the component.
as-moduleBoolean
is-in-client-templateBooleanWhen placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
deferredBooleanSuppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
bind-toIEnumerable<TabStripItemBase>Binds a list of items to the TabStrip.
collapsibleBooleanSpecifies whether the TabStrip should be able to collapse completely when clicking an expanded tab.
navigatableBooleanSpecifies whether the TabStrip should be keyboard navigatable.
on-activateStringTriggered 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-loadStringTriggered when content is fetched from an AJAX request.
on-errorStringTriggered when an AJAX request results in an error.
on-selectStringTriggered before a tab is selected.
on-showStringTriggered just after a tab is being made visible, but before the end of the animation. Before Q2 2014 this event was called activate.
script-attributesIDictionary<String,Object>
sizeComponentSizeSpecifies the size of the component. Default is Medium.
sortableBooleanIf enabled, users will be able to sort the tabs by dragging them to the desired position.
tab-alignmentTabStripTabAlignmentSpecifies the alignment of the component tabs. Default is Start. Not applicable with Scrollable TabStrip.
tab-positionStringSpecifies 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
ExampleChildTagsAttributes
Not finding the help you need?
Contact Support