naxview v1.0.3

naxview

Made with create-react-library

Install

npm install --save naxview

Usage

import React, { Component } from 'react'

import {NaxView} from 'naxview'
import 'naxview/dist/index.css'

class Example extends Component {
  render() {
    return <NaxView config={{}}/>
  }
}

configs

{
  onReady: () => {}, // call if the template is ready
  onUpdate: () => {}, // call if the template is update
  theme: {}, // material ui theme
  store: {},
  panels: {
    navbar: {},
    toolbar: {},
    sidebar: {},
    container: {},
  }
}

import {navbar, container, sidebar, toolbar, theme} from 'naxview'

navbar

navbar.setConfig()
navbar.getConfig()
navbar.hide()
navbar.show()
navbar.toggle()
navbar.setProp()
navbar.setStyle()
navbar.setLocation()
navbar.isHide()
navbar.isLocation()
navbar.observe()

contaienr

container.render()
container.setConfig()
container.getConfig()
container.setProp()
container.setStyle()
container.observe()

sidebar

sidebar.setConfig()
sidebar.getConfig()
sidebar.hide()
sidebar.show()
sidebar.toggle()
sidebar.setProp()
sidebar.setStyle()
sidebar.setLocation()
sidebar.isHide()
sidebar.isLocation()
sidebar.observe()

toolbar

toolbar.setConfig()
toolbar.getConfig()
toolbar.hide()
toolbar.show()
toolbar.toggle()
toolbar.setProp()
toolbar.setStyle()
toolbar.setLocation()
toolbar.isHide()
toolbar.isLocation()
toolbar.observe()

theme

teme.useTheme()
theme.update()
theme.observe()