Getting Started
Angular Primitives is distributed as a single package with entrypoints for each primitive. This makes it easy to install and update, while keeping the bundle size as small as possible.
ng add ng-primitivesThis command will install Angular Primitives and add the necessary dependencies to your project.
nx add ng-primitivesThis command will install Angular Primitives and add the necessary dependencies to your project.
To manually install Angular Primitives, run the following command:
npm i ng-primitivesAngular Primitives relies on a few peer dependencies that need to be installed. If you are using NPM version 7 or higher, these dependencies will be installed automatically. If you are using an older version of NPM, or a different package manager, you may need to install them manually.
| Package | Version |
|---|---|
| @angular/cdk | >=18.0.0 |
| @floating-ui/dom | >=1.6.0 |
To install these dependencies, run the following command:
npm i @angular/cdk@^18.0.0 @floating-ui/dom@^1.6.0Once Angular Primitives is installed, you can start using the primitives in your Angular application. It is best to create a reusable component that encapsulates the primitives, so that you can easily reuse it throughout your application.
Primitives can be used both within a template or as a host directive on a component giving you the flexibility to choose the best approach for your use case.
Primitives add data- attributes to the elements they are applied to based on their current state. This allows you to easily style the primitives using CSS without having to rely on JavaScript.
Copyright © 2024 Angular Primitives