Smiley Design

This is a custom react library that allows you to create responsive components quickly.

Install

npm install --save smiley-design

Usage

import React, { Component } from 'react'
import { Panel, NavBar, Layout, Main} from 'smiley-design'

export default class App extends Component {

  render () {
  // when the navSidebarPosition={"left"} on the NavBar 
    return (
      <Main typeContainer="main"> 
          <NavBar navSidebarPosition="left">
            <div>
              <button>test1</button>
            </div>
            <div>
              <button>test2</button>
            </div>
            <div>
              <button>test3</button>
            </div>
          </NavBar>
          <Main typeContainer="sub">
            <Layout>
                <Panel>
                  <div>
                    <p>Lorem ipsum dolor sit amet</p>
                  </div>
                </Panel>   
            </Layout>
          </Main>
      </Main>
    )
  }
}

License

MIT © jon-smiley