Vitrail

Kuartz's Design system view components.

Add this line to your application's Gemfile:

gem "vitrail"

And then execute:

$ bundle

Or install it yourself as:

$ gem install vitrail

In config/tailwind.config.js,

• add before module.exports

    const execSync = require('child_process').execSync
    const output = execSync('bundle show vitrail', { encoding: 'utf-8' })

• add as last item of content:

    content: [
      // ...
      output.trim() + '/app/components/**/*.{erb,haml,html,rb}'
    ],

watch tailwindcss changes with:

tailwindcss_watch

The gem is available as open source under the terms of the MIT License.