react-dashout
v0.0.22
Published
Dasboard for React
Downloads
66
Maintainers
Readme
React-DashOut
React Dashboard Layout
Install
npm i react-dashout
#or
yarn add react-dashout
Usage
import Dashout, {Page} from 'react-dashout';
function OnReady() {
new Page({
path: '/',
title: 'Home',
key: 'Home'
});
var Dashboard = new Page({
path: '/dashboard',
title: 'Dashboard',
key: 'Dashboard'
})
// add sub page to dashboard
var Sale = new Page({
path: '/sales',
title: 'Sales',
key: 'dashboard-sale',
parent: Dashboard
})
// add sub page but not visibility on Navigation Bar
new Page({
path: '/add',
title: 'Add Sales Detail',
key: 'dashboard-sale-add',
parent: Sale,
navigationOptions: {
visible: false
}
})
}
function App() {
return (
<Dashout
onReady={onReady}
logo={<Tbd />}
{...toBeDefineNextVersion}
/>
)
}