Extending the UI Component Library

The UI Component Library was designed to be extensible. Custom development projects at Yale should extend this project where possible (and contribute improvements back to the project so that all Yale developers may benefit).

The project itself can be included in your Node.js project through such methods as npm install <url> or yarn add <url>. The UI Component Library comes with an example-project folder with sample gulpfile.js and main.scss files to help you get started. For most projects, this would entail creating your own .scss file and declaring the variables from the Yale UI Component Library that you want to override. Below those declarations, import the Yale UI main.scss file.