clr-lift
Extending Clarity Design System with reusable components, utilities, and operators
npm install clr-lift ngx-lift @clr/angular @clr/uiVersion Support Matrix
| clr-lift Version | Angular Version |
|---|---|
| v1.x | Angular 17+ |
| v19.x | Angular 19, 20 |
| v21.x | Angular 21+ |
⚒️
Utilities
Specialized utilities designed for Clarity components that simplify common tasks and operations, providing a seamless development experience
📦
RxJS Operators
Enhanced RxJS operators that extend Clarity functionality. The dgState operator streamlines datagrid state management, providing an intuitive and efficient approach for working with Clarity datagrids.
🧩
Components
Production-ready components built on Clarity Design System, including toast notifications, alerts, and more
- In some cases, a force installation may be required if @clr/angular's peer dependencies specify a different Angular version than your project.
- If you are not using the latest Angular version, consider setting
skipLibCheck: truein tsconfig.json to avoid potential build errors. - For guidance on setting up Clarity Design System in your project, refer to the Clarity Design System documentation.