TypeScript icon, indicating that this package has built-in type declarations

16.0.2 • Public • Published

Smart.Layout for Angular is part of the jQWidgets Smart UI Components Library for Angular.

Smart.Layout represents a feature-complete, responsive and touch friendly Angular Layout component.

This is a commercial product and requires a paid license for use. You can purchase a license at https://www.jqwidgets.com/license/ or start a free 30-day trial.

Angular 13 support

The Smart UI for Angular components are packaged using the latest Angular Package Format guidelines.



Enterprise features for Angular

The Smart UI for Angular library includes accessibility features(WAI-ARIA, Section 508), Localization, RTL, Keyboard Navigation.

Modular architecture

All components are built as modules so only the components and features you need are imported in your application.

Blazing Fast

All components are built from scratch in order to achieve the best performance and user experience.

Responsive, Touch & mobile friendly

Our components come with built-in device and browser detection. A component automatically adjusts itself for optimal user experience.

Showcase Applications


Product support is available for through following mediums.


  • Download and install the package
npm install @smart-webcomponents-angular/layout
  • Adding CSS reference

The CSS files are available in ../node_modules/@smart-webcomponents-angular/layout/styles/ folder.

"styles": [

If you use more than one Smart UI component in your application, firstly add 'smart.base.css', then your components css files like 'smart.grid.css', 'smart.scheduler.css' and finally 'smart.common.css'. 
  • Add the Component Module in your application
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { LayoutModule } from '@smart-webcomponents-angular/layout';

import { AppComponent } from './app.component';

    declarations: [ AppComponent ],
    imports: [ BrowserModule, LayoutModule ],
    bootstrap: [ AppComponent ],
	entryComponents: [ AppComponent ]

export class AppModule { }


Check the license detail here.

Release Notes

Check the release notes here © Copyright 2022 jQWidgets, Ltd. All Rights Reserved.

Package Sidebar


npm i @smart-webcomponents-angular/layout

Weekly Downloads





SEE LICENSE IN https://www.htmlelements.com/license/

Unpacked Size

3.03 MB

Total Files


Last publish


  • smart-webcomponents
  • jqxelements