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-moduleBooleanSpecifies whether the initialization script of the component will be rendered as a JavaScript module.
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.
closableBooleanSpecifies whether each tab can be closed via a close button. When enabled, each tab includes a close icon that triggers tab removal on click. This applies to all tabs in the TabStrip. You can configure the closable behavior for individual tabs by setting the closable option in the specific tab item options.
collapsibleBooleanSpecifies whether the TabStrip should be able to collapse completely when clicking an expanded tab.
icon-positionIconPositionSpecifies the position of the icon in the TabStrip items using the text content as a reference.
navigatableBooleanSpecifies whether the TabStrip should be keyboard navigatable.
on-activateStringThe name of the JavaScript function that will handle the activate event. 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-loadStringThe name of the JavaScript function that will handle the contentLoad event. Triggered when content is fetched from an AJAX request.
on-errorStringThe name of the JavaScript function that will handle the error event. Triggered when an AJAX request results in an error.
on-selectStringThe name of the JavaScript function that will handle the select event. Triggered before a tab is selected.
on-showStringThe name of the JavaScript function that will handle the show event. Triggered 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>Sets the attributes that will be added to the script tag of the component's initialization script.
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