Jeket / design-system

thoughtbot design system

thoughtbot design system (tbds)

thoughtbot design system for thoughtbot websites.

Applications using tbds

• apprentice.thoughtbot.com
• Hub
• tbot
• thoughtbot search
• Vellum

Installation for Ruby on Rails

tbds is available through npm and requires Rails 5.1+. Yarn is used to support Heroku deployment.

1. Make sure you have the Yarn package manager installed: https://yarnpkg.com/en/docs/install

2. Install the tbds package and save it as a dependency:

   yarn add @thoughtbot/design-system
   

3. Import the system in your Sass manifest:

   @import "@thoughtbot/design-system/src/index";
   

Deploy Ruby on Rails app with tbds to Heroku

1. Add webpacker to your Gemfile and install:

   gem "webpacker", require: false
   

   bundle install
   

2. Add the Node.js Buildpack to your Heroku app.

   Note: You'll need to order the buildpacks to have Node.js first, followed by Ruby.

Browser support

tbds supports:

• Latest versions of Chrome, Firefox, and Safari
• Edge 15+

License

thoughtbot/design-system is Copyright (c) 2019 thoughtbot, inc. It is free software, and may be redistributed under the terms specified in the LICENSE file.

About

thoughtbot/design-system is maintained and funded by thoughtbot, inc. The names and logos for thoughtbot are trademarks of thoughtbot, inc.

We love open source software! See our other projects or hire us to help build your product.