ukelli-ui

Base on React's UI lib. Make frontend's dev simpler and faster.

Support

• Client side render React App
• Server side render React App (like Gatsby, Next)

Project

• uke-dashboard
• uke-admin-web-scaffold
• gatsby-theme-elk

Getting started

yarn add ukelli-ui basic-helper unistore

Example

react-app-seed

git clone https://github.com/SANGET/react-app-seed.git
cd react-app-seed
yarn; yarn start

Use in project

import React from 'react';
import ReactDOM from 'react-dom';
import { ShowModal, CloseModal } from 'ukelli-ui/core/modal';
import { Button } from 'ukelli-ui/core/button';

const handleClick = (e) => {
  const ModalID = ShowModal({
    title: 'Overlay',
    elem: e,
    children: (
      <div>Content</div>
    )
  })

  // CloseModal(ModalID)
}

const App = () => (
  <Button onClick={handleClick}>
    Overlay
  </Button>
)

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

Local dev

git clone https://github.com/ukelli/ukelli-ui
cd ukelli-ui
yarn
yarn docz:dev

Reference

• Online Doc
• FormGenerator
• CHANGELOG
• UI logic of FormGenerator
• Import
• Configure
• Components Desc