@cdssnc/gcds-components-angular

La version française suit.

GC Design System Components – Angular

GC Design System Components – Angular provides the GC Design System Components within a Angular wrapper to ease integration of the components into Angular apps.

Documentation

You can find the full documentation for GC Design System Components on https://design-system.alpha.canada.ca/.

Installation

Install from npm

Navigate to the root folder of your project and run:

npm install @cdssnc/gcds-components @cdssnc/gcds-components-angular

Place the following code in the app.module.ts file of your app.

import { GcdsComponentsModule } from '@cdssnc/gcds-components-angular';

@NgModule({
  declarations: [
    ...
  ],
  imports: [
    ...,
    GcdsComponentsModule
  ],
  providers: [],
  bootstrap: [...]
})
export class AppModule { }

Place the following code in the styles.scss file of your app.

@import '../node_modules/@cdssnc/gcds-components/dist/gcds/gcds.css';

How to contribute

If you are interested in contributing to GC Design System Components, please read our contributing guidelines.

License

Code released under the MIT License.

---

Composants de Système de design GC — Angular

Composants de Système de design GC — Angular fournit des composants de Système de design GC dans un encapsulateur Angular afin de faciliter l’intégration dans les applications Angular.

Documentation

Toute la documentation sur les composants de Système de design GC est accessible à l’adresse https://systeme-design.alpha.canada.ca/.

Installation

Installation à l'aide de npm

Naviguez jusqu'au dossier racine de votre projet et exécutez :

npm install @cdssnc/gcds-components @cdssnc/gcds-components-angular

Insérez le code suivant dans le fichier app.module.ts de votre application :

import { GcdsComponentsModule } from '@cdssnc/gcds-components-angular';

@NgModule({
  declarations: [
    ...
  ],
  imports: [
    ...,
    GcdsComponentsModule
  ],
  providers: [],
  bootstrap: [...]
})

export class AppModule { }

Insérez le code suivant dans le fichier styles.scss de votre application :

@import '../node_modules/@cdssnc/gcds-components/dist/gcds/gcds.css';

Apportez votre contribution

Si vous souhaitez contribuer aux unités de style de Système de design GC, veuillez lire nos lignes directrices sur la contribution.

Licence

Code publié en vertu de la licence MIT (en anglais).

Changelog

v0.14.0

:rocket: New features

• https://github.com/cds-snc/gcds-components/pull/223 - c8f0aa1 - New gcds-topic-menu component for canada.ca compliance

:jigsaw: Patch

• https://github.com/cds-snc/gcds-components/pull/231 - 1be42c4 - Update mobile view and French text in gcds-pagination
• https://github.com/cds-snc/gcds-components/pull/236 - 994aa7c - Set columns property to required in gcds-grid
• https://github.com/cds-snc/gcds-components/pull/237 - e2030bf - Accessibility fix for gcds-details
• https://github.com/cds-snc/gcds-components/pull/247 - d3440d7 - Accessibility fix for gcds-nav-group