How does our design system work with Tailwind?

[setphen]

Many projects are adopting Tailwind, including our flagship, Hub.

How can we support developer's desire to use Tailwind while also creating components within our design system?

A couple paths:

1. Keep the design system the way it is

There's no rule saying that Tailwind cannot be mixed with regular ol' CSS and Sass. However, developers might be reluctant to mix named classes from the design system with Tailwind, and just opt to use Tailwind only.

2. Create our design system components using Tailwind

We could go all-in and make something like https://tailwindui.com/, but for thoughtbot products. This probably means more maintenance for contributors to tbds, and (maybe) more set-up for folks using tbds in a project.