owk-uitk

Quickly build beautiful React apps. owk-uitk is a customizable component library to build faster, beautiful, and more accessible React applications. Follow our own design system, or start with owk-uitk.

Table of contents

• General info
• Technologies
• Demo
• Installation
• Usage

General info

This package is a custom react material UI theme for Audience Town.

Technologies

Package is created with:

• React: 17.0.2
• React DOM: 17.0.2
• Material-UI core: 4.11.3
• Material-UI icons: 4.11.2

Demo

Live demo

Installation

owk-uitk is available as an npm package.

// with npm
    npm i @audiencetown/owk-uitk

This package used Inter font so add the following links to the index.html

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"
    rel="stylesheet">

Usage

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

import * as React from 'react';
import ReactDOM from 'react-dom';
import Theme from '@owk-uitk/dist/Theme';
import Dashboard from '@owk-uitk/dist/Dashboard';

function App() {
  return ( 
    <Theme>
        <Dashboard/>
        or any other component
    </Theme>
  );
}
ReactDOM.render(<App />, document.querySelector('#app'));

Known issues

• Using animation with dialog freezes the screen