@halcyonapps/davai-react

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

Documentation

https://davai.style

Install

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

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

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-react";

const App = () => {
  return <Box bg="bg-blue-200" />;
};

export default App;