0.0.8 • Published 2 years ago

daisyui-nixix v0.0.8

Weekly downloads
-
License
MIT
Repository
-
Last release
2 years ago

daisyUI components built with NixixJS, Typescript and TailwindCSS

card-3

daisyui-nixix 🌼

NPM Version npm bundle size npm License Discord Invite


💿 Install

Make sure you've installed TailwindCSS and daisyUI.

Install the package with npm or yarn:

npm install daisyui-nixix

To prevent TailwindCSS from purging your styles, add the following line to your tailwind.config.js:

module.exports = {
  content: [
    'node_modules/daisyui/dist/**/*.js',
    'node_modules/daisyui-nixix/**/*.{js,ts,tsx,jsx}',
  ],
  plugins: [require('daisyui')],
}

⚡ Quick Start

Import daisyui-nixix components within your component files:

import { Button } from 'daisyui-nixix'

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

🎨 Themes

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

import { Theme, Button } from 'daisyui-nixix'

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

Use tools like the official daisyUI Theme Generator or daisyUI Theme Builder to easily create your own themes.


🤝 Contributing

We're looking for contributors to help write stories and unit tests for components.


License

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

0.0.8

2 years ago

0.0.7

2 years ago

0.0.6

2 years ago

0.0.5

2 years ago

0.0.4

2 years ago

0.0.3

2 years ago

0.0.2

2 years ago

0.0.1

2 years ago