How to use Aero

Getting started with Aero Component Library

For detailed instructions and the full setup guide, visit the Storybook Getting Started page. To integrate the Aero Component Library into your project, follow these steps:

1. Configure NPM: Set up your .npmrc file to configure the Nexus repository settings required for the Component Library.
2. Install the Component Library: Use Yarn to add the @aviato/components package and the necessary Angular dependencies. Ensure you also install any required peerDependencies.
3. Configure Your Project:
1. Assets and SCSS: Adjust your angular.json to include the necessary assets and SCSS dependencies.
2. Styles and Brand Settings: Add the appropriate styles and assets to your index.html and styles.scss.
3. Module Setup: Import the required components and services in your app.module.ts.
4. Component Configuration: Set up the brand and asset paths using BwcContextService in your app.component.ts
5. Final Steps: Add the bwc-page-template to your app.component.html to start using the layout components.
4. Final Steps: Add the bwc-page-template to your app.component.html to start using the layout components.