From a8bb48bea52e7dc256815393e4af184d7607df3a Mon Sep 17 00:00:00 2001 From: Pedro Henrique Maia <62767345+pedroHenriqueMaia@users.noreply.github.com> Date: Fri, 4 Oct 2024 14:55:47 -0300 Subject: [PATCH 1/2] Enhance Carbon installation section with additional configuration details - Added notes on the usefulness of links based on Angular and Carbon versions. - Highlighted variations in Carbon configuration and styles.scss. - Included links to "Getting Started with Carbon for Angular" and "Carbon Design System Documentation." --- src/pages/developing/angular-tutorial/step-1.mdx | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/src/pages/developing/angular-tutorial/step-1.mdx b/src/pages/developing/angular-tutorial/step-1.mdx index 37abdb53e7f..ae673f1072b 100644 --- a/src/pages/developing/angular-tutorial/step-1.mdx +++ b/src/pages/developing/angular-tutorial/step-1.mdx @@ -185,17 +185,24 @@ carbon-angular-tutorial ### Install Carbon -Even though we installed some dependencies while creating the new app, we've yet -to install the Carbon packages. +Even though we installed some dependencies while creating the new app, we've yet to install the Carbon packages: - `carbon-components` - Component styles - `carbon-components-angular` - Angular components - `@carbon/icons` - Carbon icons +Run the following command to install the packages: + ```bash npm install carbon-components carbon-components-angular @carbon/icons ``` +These links can be useful depending on the version of Angular and Carbon you want to use. They provide deeper details about the components and the global configuration of the design system. Additionally, they may cover other ways to configure Carbon, which can vary based on the Angular version, as there may be additional or different libraries available. Keep in mind that the configuration for `styles.scss` may also vary: + +- [Getting Started with Carbon for Angular](https://angular.carbondesignsystem.com/?path=/docs/getting-started--docs) +- [Carbon Design System Documentation](https://angular.carbondesignsystem.com/documentation/index.html) + + #### Import carbon-components styles In `src/styles.scss`, import the Carbon styles by adding the following to the From e6838aedb7f4d05499e0c0a23de6de68919d701b Mon Sep 17 00:00:00 2001 From: Alison Joseph Date: Thu, 17 Oct 2024 15:11:06 -0500 Subject: [PATCH 2/2] chore: yarn format --- src/pages/developing/angular-tutorial/step-1.mdx | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/src/pages/developing/angular-tutorial/step-1.mdx b/src/pages/developing/angular-tutorial/step-1.mdx index ae673f1072b..eb618d00a20 100644 --- a/src/pages/developing/angular-tutorial/step-1.mdx +++ b/src/pages/developing/angular-tutorial/step-1.mdx @@ -185,7 +185,8 @@ carbon-angular-tutorial ### Install Carbon -Even though we installed some dependencies while creating the new app, we've yet to install the Carbon packages: +Even though we installed some dependencies while creating the new app, we've yet +to install the Carbon packages: - `carbon-components` - Component styles - `carbon-components-angular` - Angular components @@ -197,12 +198,16 @@ Run the following command to install the packages: npm install carbon-components carbon-components-angular @carbon/icons ``` -These links can be useful depending on the version of Angular and Carbon you want to use. They provide deeper details about the components and the global configuration of the design system. Additionally, they may cover other ways to configure Carbon, which can vary based on the Angular version, as there may be additional or different libraries available. Keep in mind that the configuration for `styles.scss` may also vary: +These links can be useful depending on the version of Angular and Carbon you +want to use. They provide deeper details about the components and the global +configuration of the design system. Additionally, they may cover other ways to +configure Carbon, which can vary based on the Angular version, as there may be +additional or different libraries available. Keep in mind that the configuration +for `styles.scss` may also vary: - [Getting Started with Carbon for Angular](https://angular.carbondesignsystem.com/?path=/docs/getting-started--docs) - [Carbon Design System Documentation](https://angular.carbondesignsystem.com/documentation/index.html) - #### Import carbon-components styles In `src/styles.scss`, import the Carbon styles by adding the following to the