TabStrip

Example

Razor

<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>
size	ComponentSize	Specifies the size of the component. Default is Medium.
sortable	Boolean	If enabled, users will be able to sort the tabs by dragging them to the desired position.
tab-alignment	TabStripTabAlignment	Specifies the alignment of the component tabs. Default is Start. Not applicable with Scrollable TabStrip.
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.