Umqombothi 🍶

This is the React component Library based off the Design System for PMB Plus.

The design system can be viewed on Figma

🎉 Features

• Range of components from buttons, navs, inputs etc
• Uses TailwindCSS
• Storybook app to view all components.
• Ability to interact with components on Bit.

📦 Installation

You can easily install the library via NPM or Yarn:

npm

$ npm install umqombothi-component-library

yarn

$ yarn add umqombothi-component-library

🌪️ Usage

You can import the components like so:

import React from 'react'
import {Input} from 'umqombothi-component-library'
import ReactDOM from 'react-dom';

function App() {
  return (
    <Input
    value={this.state.inputValue}
    placeholder="Type in me"
    />
  );
}

ReactDOM.render(<App />, document.querySelector('#app'));

🛰️SSR Usage

To render it with NextJS there are additional steps. Check out this repo for a working example.