Getting started with Tailwind

The easiest way to wire up Tailwind in an Ember app is by installing Ember CLI Tailwind:

ember install ember-cli-tailwind

You can find the Tailwind configuration in /app/tailwind. If you modify them, your Ember app will reload and you'll have the new utility classes available to use in your app.

Here's the application template for our Slack clone at the end of the video:

<div class='flex h-screen'>
  <div class='bg-purple-dark text-white w-16 p-4 flex justify-center'>
    W
  </div>
  <div class='bg-purple text-white p-4 w-48'>
    Channels
  </div>
  <div class='flex-grow p-4'>
    Messages
  </div>
</div>