https://github.com/fourcels/daisyui-react

https://github.com/fourcels/daisyui-react

daisyui react

Last synced: about 11 hours ago
JSON representation

• Host: GitHub
• URL: https://github.com/fourcels/daisyui-react
• Owner: fourcels
• License: mit
• Created: 2023-11-03T09:31:25.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-05-08T08:39:51.000Z (6 months ago)
• Last Synced: 2024-10-14T11:07:47.337Z (about 1 month ago)
• Topics: daisyui, react
• Language: TypeScript
• Homepage: https://fourcels.github.io/daisyui-react/
• Size: 1.48 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# daisyui-react

[![][version]](https://www.npmjs.com/package/@fourcels/daisyui-react)

daisyUI components built with React, Typescript and TailwindCSS [See docs](https://fourcels.github.io/daisyui-react/)

## Install

Make sure you've installed [TailwindCSS](https://tailwindcss.com/docs/installation) and [daisyUI](https://daisyui.com/docs/install/).

```

npm i -D @fourcels/daisyui-react tailwind-merge

```

## Add daisyui-react to your `tailwind.config.js` files

```js

module.exports = {

  //...

  content: [

    //...

    "node_modules/@fourcels/daisyui-react/dist/**/*.js",

  ],

  plugins: [require("daisyui")],

};

```

## Add styles to your `main.tsx` files

```tsx

import "@fourcels/daisyui-react/dist/index.css";

```

[version]: https://badgen.net/github/tag/fourcels/daisyui-react?label=Version&color=1AD1A5