The Yale UI Style Guide is no longer maintained.
A new version, called the Yale UI Component Library,
based on Bootstrap 4, is now available.

Yale UI Style Guide v1.0.6

Style Guide

Getting Started

Basic Download

The quickest way to get started, just download the assets and link the CSS file in your project. Take a look at the examples folder for inspiration.

Download
<!-- Example page structure -->
    <html lang="en">
     <head>
     <!-- ... -->
      <link rel="stylesheet" href="assets/css/app.css">
     <!-- ... -->
     </head>
     <body>
     <!-- ... -->
      <script src="assets/js/app.js"></script>
     </body>
    </html>
    

Custom Build

To pick-and-choose elements and have more control over customization, follow the installation instructions in our GitHub repository.

GitHub
    git clone https://github.com/yaleux/yaleui
    cd yaleui
    npm install
    bower install
    npm start
    

Yale UI CDN

    <!-- Latest compiled CSS -->
    <link rel="stylesheet" href="http://yaleui.yale.edu/1.0.6/css/app.css">
    
    <!-- Latest compiled and minified JavaScript -->
    <script src="http://yaleui.yale.edu/1.0.6/js/app.js"></script>