grubbe UI

• Preview - https://grubbe.io/ui
• Documentation - https://doc.grubbe.io/ui
• FAQ - https://grubbe.io/ui/#/faq
• ChangeLog - https://grubbe.io/ui/#/change-log

Get Started

GbbUI is a reusable component library that helps grubbe developers build UIs faster. The goal is to make building durable UIs more productive and satisfying.

Install

Add gbbUI to your project.

npm install --save @grubbe/ui
# or
yarn add @grubbe/ui

Usage

Import global styles into the index (.js | .ts)

import { global as gbbUI } from "@grubbe/ui";
const { GlobalStyle } = gbbUI

...
// Inside of ReactDOM

<GlobalStyle />

adding @grubbe/ui you can import a gbb component to any file

// App.js
import "./App.css";
import { H1, Button } from "@grubbe/ui";

function App() {
  return (
    <div className="App">
        <H1>Hello grubbe!</H1>
        <Button>Press here...</Button>
    </div>
  );
}

export default App;

Browsers support

IE / Edge	Firefox	Chrome	Safari	Opera
IE11, Edge	last 2 versions	last 2 versions	last 2 versions	last 2 versions