@halcyonapps/davai-react
Davai is a fully typed style system and accessible component library for React built on top of TailwindCSS.
Documentation
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:
- Add Davai's
node_modules
files and TailwindCSS present to yourtailwind.config.js
:
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
// ...
"../path/to/node_modules/@halcyonapps/**/*.js"
]
// ...
presets: [require("@halcyonapps/davai/tailwind.config")]
};
- 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;