This library is designed to simplify the integration of Daisy UI into React projects by providing a set of pre-built React components. The API and functionality of these components are heavily influenced by popular libraries such as React Bootstrap, making it easy for developers familiar with those libraries to work with Daisy UI.
Alpha
WARNING: This library is still in alpha, so components are subject to change
Component Documentation
See docs at → Daisy UI React Component Documentation
Installation & Setup
See full setup documentation at → Installation Documentation
Quick Start
- First thing's first, you'll need to follow Daisy UI's install directions here: https://daisyui.com/docs/install/
- Next install the components package:
npm install daisy-ui-react-components - Then we just need to wire the components up with Tailwind by modifying the content config object like below, and we should be in business:
module.exports = {
content: [
"./node_modules/daisy-ui-react-components/**/*.{js,ts,jsx,tsx}",
...
],
plugins: [require("daisyui")],
daisyui: {...}
};Contributing
For contributing to this project, please see Contributing Guidelines