Nanananananananana.. Pat Man!
    Wondering what’s next for npm?Check out our public roadmap! »

    react-dark-light-ui
    TypeScript icon, indicating that this package has built-in type declarations

    1.30.8 • Public • Published

    React components with Dark and Light Mode

    Live Demo 🔥

    📚 Docs

    See the documentation with live editable examples and API documention.

    ⚙ Installation

    $ npm install react-dark-light-ui

    📷 Example GIFs

    👉 Grid Component

    👉 Alert Component

    🎉 Usage

    Here is a quick example to get you started, it's all you need:

    import React from 'react';
    import ReactDOM from 'react-dom';
    import { HmButton } from 'react-dark-light-ui';
     
    function App() {
      return (
          <HmButton
            buttonType="primary"
            buttonSize="lg"
            onClick={() => alert("Welcome to React Dark Light UI ")}
          >
          Click Me
          </HmButton>
      );
    }
     
    ReactDOM.render(<App />, document.querySelector('#app'));

    🌎 Cross-browser compatibility

    React-dark-light-ui is compatible with almost all the browsers available, including some legacy ones that are still used. This includes but is not limited to:

    ✔️ Google Chrome

    ✔️ Safari

    ✔️ Mozilla Firefox

    ✔️ Microsoft Edge

    ✔️ Internet Explorer 11 and more

    🚀 Looking for contributors 🚀

    This package is under development.... !

    Install

    npm i react-dark-light-ui

    DownloadsWeekly Downloads

    107

    Version

    1.30.8

    License

    MIT

    Unpacked Size

    257 kB

    Total Files

    86

    Last publish

    Collaborators

    • avatar
    • avatar
    • avatar