@brightlayer-ui/angular-components
Advanced tools
Angular components for Brightlayer UI applications
This is a library of custom components for use in Brightlayer UI applications. For the most part, these components are meant to simplify building your application by providing re-usable components that implement common use cases in Brightlayer UI and eliminating the need to multiple teams to build their own components for these.
Refer to the Component Library API documentation site for a list of available components and the document for each individual component.
To install the Brightlayer UI angular components from NPM as a dependency for your project, you can run the following command in your project root:
yarn add @brightlayer-ui/angular-components
NOTE: This install command will install the package from NPM. If you are a Brightlayer UI developer working with components locally, you will want to follow the manual linking instructions - see below.
NOTE: This component library requires that your application have @brightlayer-ui/angular-themes and @angular/material installed.
To work with this library, first clone down the repository:
git clone https://github.com/etn-ccis/blui-angular-component-library
cd angular-component-library
The library can be built by running the following command. The resulting output will be in the /dist folder.
yarn build:lib
The following table outlines which versions of Angular and Brightlayer UI resources will work together.
| @brightlayer-ui/angular-components | @brightlayer-ui/angular-themes | @angular + @angular/material |
|---|---|---|
^5.0.0 | ^6.1.0 | ^11.x |
^6.0.0 | ^6.3.0 | ^12.x |
^7.0.0 | ^7.0.0 | ^13.x |
^8.0.0 | ^8.0.0 | ^14.x |
^9.0.0 | ^9.0.0 | ^15.x |
The following peer dependencies are added to package.json:
| Package Name | Version |
|---|---|
| @angular/core | ^15.0.0 |
| @angular/material | ^15.0.0 |
| @angular/cdk | ^15.0.0 |
| @brightlayer-ui/angular-themes | ^9.0.0 |
To start the documentation site that is included in this repository, run:
yarn start
The second demo is a showcase project that shows a combination of components in the context of a realistic interface. To start the showcase, run:
yarn start:showcase
See the documentation for information on using these components.
Brightlayer UI libraries will work with any modern browser. For details refer to our Browser Support documentation.
v9.0.0 (July 14, 2023)
FAQs
Angular components for Brightlayer UI applications
We found that @brightlayer-ui/angular-components demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Following last week’s supply chain attack, Nx published findings on the GitHub Actions exploit and moved npm publishing to Trusted Publishers.
Security News
AGENTS.md is a fast-growing open format giving AI coding agents a shared, predictable way to understand project setup, style, and workflows.
Security News
/Research
Malicious npm package impersonates Nodemailer and drains wallets by hijacking crypto transactions across multiple blockchains.