Ignite UI Dock Manager Web Component provides means to manage the layout of your application through panes, allowing your end-users to customize it further by pinning, resizing, moving and hiding panes.
Important
Version 2.0+ Notice: The Dock Manager has been migrated from Stencil to Lit. This is an internal architectural change that maintains full API compatibility with previous versions. For applications using version 1.x, please see the migration guide below.
You can include the Ignite UI Dock Manager Web Component in your project as a dependency using the NPM package.
npm install igniteui-dockmanager --save
In the new Lit-based version, you simply import the component and call the defineComponents() function:
import { defineComponents, IgcDockManagerComponent } from 'igniteui-dockmanager';
defineComponents(IgcDockManagerComponent);If you are using version 1.x, it is necessary to import and call the defineCustomElements() function:
import { defineCustomElements } from 'igniteui-dockmanager/loader';
defineCustomElements();Once the Dock Manager is imported, you can add it on the page:
<igc-dockmanager id="dockManager">
</igc-dockmanager>Starting with version 2.0, localization resources have been moved to a separate package. To localize the Dock Manager strings, install the peer dependency igniteui-i18n-resources and register a language bundle with igniteui-i18n-core:
npm install igniteui-i18n-resources --saveimport { registerI18n } from 'igniteui-i18n-core';
import { DockManagerResourceStringsES } from 'igniteui-i18n-resources';
registerI18n(DockManagerResourceStringsES, 'es');More information on how to use the Ignite UI Dock Manager Web Component can be found here.
![]() |
![]() |
![]() |
![]() |
![]() |
|---|---|---|---|---|
| Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ |
- Request a new feature
- Upvote an existing feature request
- File a bug report and be specific about the behavior you want to see changed.
Developer support is provided as part of the commercial, paid-for license via Infragistics Forums, or via Chat & Phone with a Priority Support license. To acquire a license for paid support or Priority Support, please visit this page.
This is a commercial product, requiring a valid paid-for license for commercial use.
This product is free to use for non-commercial educational use for students in K through 12 grades or University programs, and for educators to use in a classroom setting as examples / tools in their curriculum.
In order for us to verify your eligibility for free usage, please register for trial and open a support ticket with a request for free license.
To acquire a license for commercial usage, please register for trial and refer to the purchasing options in the pricing section on the product page.
© Copyright 2020 INFRAGISTICS. All Rights Reserved. The Infragistics Ultimate license & copyright applies to this distribution. For information on that license, please go to our website https://www.infragistics.com/legal/license.





