Introduction
AngularJS 2 implementation of the RDash admin dashboard theme
Responsive, bloat free, bootstrap powered admin style dashboard!
How to start
git clone https://github.com/ziyasal/rdash-angular2.git
cd rdash-angular2
npm install
# dev
npm start
Components
- RdWidget
- RdWidgetHeader
- RdWidgetBody
- RdWidgetFooter
- RdLoading
Simple Widget
<rd-widget>
<rd-widget-body>
<span>HTML CONTENT</span>
</rd-widget-body>
</rd-widget>
Widget with Header
<rd-widget>
<rd-widget-header icon="fa-tasks" title="Servers">
<a href="javascript:void(0)" style="float: right">Manage</a>
</rd-widget-header>
<rd-widget-body classes="medium no-padding">
<server-list-view [model]="servers"></server-list-view>
</rd-widget-body>
</rd-widget>
Widget with Footer
<rd-widget>
<rd-widget-header icon="fa-tasks" title="Servers">
<a href="javascript:void(0)" style="float: right">Manage</a>
</rd-widget-header>
<rd-widget-body classes="medium no-padding">
<server-list-view [model]="servers"></server-list-view>
</rd-widget-body>
<rd-widget-footer>
<span>FOOTER CONTENT</span>
</rd-widget-footer>
</rd-widget>
Widget with Loader
<rd-widget>
<rd-widget-body classes="medium no-padding">
<rd-loading></rd-loading>
</rd-widget-body>
</rd-widget>