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.
This command will install Angular Primitives and add the necessary dependencies to your project.
This command will install Angular Primitives and add the necessary dependencies to your project.
To manually install Angular Primitives, run the following command:
Angular 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 | >=19.0.0 |
| @floating-ui/dom | >=1.6.0 |
To install these dependencies, run the following command:
Once 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 © 2025 Angular Primitives