This package has been deprecated

Author message:

Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

react-daisy
TypeScript icon, indicating that this package has built-in type declarations

0.3.2 • Public • Published

NPM Version npm bundle size License

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>
    </>
  )
}

Components To-Do

Actions:

  • [x] Button
  • [X] Dropdown
  • [X] Modal
  • [X] Swap

Data Display:

  • [x] Alert
  • [X] Avatar
  • [X] Badge
  • [X] Card
  • [X] Carousel
  • [X] Collapse
  • [X] Countdown
  • [X] Kbd
  • [X] Progress
  • [ ] Radial Progress
  • [ ] Stat
  • [X] Table
  • [X] Tooltip

Data Input:

  • [X] Checkbox
  • [X] Input
  • [X] Radio
  • [X] Range
  • [X] Select
  • [X] Textarea
  • [X] Toggle

Layout:

  • [X] Artboard
  • [x] Button-Group
  • [X] Divider
  • [ ] Drawer
  • [X] Footer
  • [ ] Hero
  • [X] Indicator
  • [ ] Input Group
  • [X] Mask
  • [ ] Stack

Navigation:

  • [X] Breadcrumbs
  • [X] Link
  • [X] Menu
  • [X] Navbar
  • [ ] Pagination
  • [ ] Steps
  • [X] Tab

Mockup:

  • [ ] Code
  • [ ] Phone
  • [ ] Window

Contributions

We could use some help building out stories and writing unit tests for components.


License

This project is licensed under the MIT License - see the LICENSE.md file for details.

Readme

Keywords

none

Package Sidebar

Install

npm i react-daisy

Weekly Downloads

1

Version

0.3.2

License

MIT

Unpacked Size

491 kB

Total Files

125

Last publish

Collaborators

  • benjitrosch