All Components

Layout Overview

Layout controls create a perceptive and intuitive layout of web projects to provide for an easier navigation. Currently, the Layout package includes the Kendo UI Tabstrip component for Angular.

The Tabstrip displays a collection of tabs with associated content, which allow the user to open many pages inside a single window. Each tab represents a separate location and by selecting a particular tab, the user navigates between the tab pages.

The PanelBar displays hierarchical data as a multi-level, expandable component.


The Layout are published as a scoped package on the on the Progress NPM Registry (

Install the package by using NPM.

To install the npm package, it is recommended to use the Node.js 5.0.0 or later versions.

   npm install --save @progress/kendo-angular-layout

Once installed, import the LayoutModule in your application bootstrap.

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { LayoutModule } from '@progress/kendo-angular-layout';
import { AppComponent } from './app.component';

    bootstrap:    [AppComponent],
    declarations: [AppComponent],
    imports:      [BrowserModule, LayoutModule]
export class AppModule {
In this article