React-daisy NPM

react-daisy 🌼

DaisyUI components built with React, Typescript and TailwindCSS.

Check out our Storybook!

Quick Start

Install the package with npm or yarn:

npm install react-daisy

Then import react-daisy components within your component files:

import { Button } from 'react-daisy'

export default (props) => {
  return (
    <Button color="primary">
      Click me!
    </Button>
  )
}

To apply a theme (or multiple themes) to a page or components, import the Theme component and wrap your content:

import { Theme, Button } from 'react-daisy'

export default (props) => {
  return (
    <>
      <Theme dataTheme="dark">
        <Button color="primary">
          Click me, dark!
        </Button>
      </Theme>
      
      <Theme dataTheme="light">
        <Button color="primary">
          Click me, light!
        </Button>
      </Theme>
    </>
  )
}