@halcyonapps/davai

Davai is a fully typed style system and accessible component library built on top of TailwindCSS.

Documentation

https://davai.style

Install

Davai consists of multiple packages which can be imported individually. To install the full suite, simply install the @halcyonapps/davai package:

npm install @halcyonapps/davai
# or
yarn add @halcyonapps/davai

Getting Started

To use Davai, please do the following steps:

1. Add Davai's node_modules files and TailwindCSS present to your tailwind.config.js:

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    // ...
    "../path/to/node_modules/@halcyonapps/**/*.js"
  ]
  // ...
  presets: [require("@halcyonapps/davai/tailwind.config")]
};

2. Now you may start using Davai's components:

import { box } from "@halcyonapps/davai";

<div className={box({ bg: "bg-blue-200" })} />;