hundo-design-system v1.4.3

Hundo Design System 🎨

Development:

Start development server:

npm i && npm run dev

Release new version:

npm run release

How to use:

Install:

npm install hundo-design-system

or

yarn add hundo-design-system

Import:

import { ThemeProvider, Button } from 'hundo-design-system';

const App = () => {
  return (
    <div className="App">
      <ThemeProvider>
        <Button label="Hundo" />
      </ThemeProvider>
    </div>
  );
}

Theming:

The library includes a ThemeProvider, which is a component that provides the capacity to introduce themes to our base components. This utilises the Styled Components theme provider and docs can be found here.

import { ThemeProvider, Button } from 'hundo-design-system';

const App = () => {
  return (
    <ThemeProvider theme="dark">
      <Button label="Hundo is dark" />
    </ThemeProvider>;
  );
}