@cdssnc/gcds-components-react

La version française suit.

GC Design System Components – React

GC Design System Components – React provides the GC Design System Components within a React wrapper to ease integration of the components into React 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-react

Place the following code in the index.js file of your app.

import '@cdssnc/gcds-components-react/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 — React

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

Documentation

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

Installation

Installer le paquet avec npm

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

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

Insérez le code qui suit dans le fichier index.js de votre application.

import '@cdssnc/gcds-components-react/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

0.38.0

Released on: 2025-07-09

:rocket: New Features

• gcds-footer: added new 'Manage life events' link + re-positioned links for 'Taxes,' 'Canada and the world,' and 'Money and finances.' (#898) (b9b7f3f)

:bug: :wrench: Bug Fixes

• gcds-file-uploader: emit missing gcdsChange/change event (#896) (1e827b8)
• gcds-button: reflect disabled prop to support :host([disabled]) styles (#894) (b7c74c0)