Components / Layout / API

TabStripComponent

Represents the Kendo UI TabStrip component for Angular
(see the basic usage example).

Selector

kendo-tabstrip

Export Name

Accessible in templates as #kendoTabStripInstance="kendoTabStrip"

Inputs

animate boolean

Enables the tab animation.

keepTabContent boolean

When set to true, the component renders all tabs and they are persisted in the DOM.
By default, this option is set to false.

tabPosition TabPosition

Sets the position of the tabs. The default is 'top'.

height string | null | undefined

Sets the height of the TabStrip.

Events

tabSelect EventEmitter<SelectEvent>

Fires each time the user selects a tab.
The event data contains the index of the selected tab and its title.

Methods

selectTab

Allows the user to select a tab programmatically.

Parameters

index number

The index of the tab that will be selected.

Previous API / TabPosition

Next API / TabStripModule

In this article

Was this article helpful?

/

Give article feedback

Tell us how we can improve this article

Code samples are inaccurate / outdated. I expected to find other / more information. There are typos / broken links / broken page elements. Content is inaccurate / outdated. Other By checking this box you consent to Progress contacting you by email about your response on this page.

Kendo UI for Angular

Community & Support

Get Involved

Copyright © 2018 Progress Software Corporation and/or its subsidiaries or affiliates.
All Rights Reserved.

Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries. See Trademarks for appropriate markings.