A super opinionated UI library for React & Tailwind CSS
This project is work in progress.
https://ui.twilight-toolkit.ouorz.com →
-
Import the Twilight UI stylesheet (with Tailwind CSS included in the bundle) globally:
import "./node_module/@twilight-toolkit/ui/dist/index.css"
-
Import components from
@twilight-toolkit/ui
:import { Button } from "@twilight-toolkit/ui"
In a Tailwind CSS project, Twilight UI should be used headlessly (to avoid styling conflicts).
-
Import the Twilight UI stylesheet (without Tailwind CSS included in the bundle) globally:
import "./node_module/@twilight-toolkit/ui/dist/index-headless.css"
-
Configure
tailwind.config.js
for Tailwind CSS to compile Twilight UI's styling:module.exports = { content: [ // ... "./node_module/@twilight-toolkit/ui/dist/index-headless.js", ], }
-
Import components from
@twilight-toolkit/ui
:import { Button } from "@twilight-toolkit/ui"