2015-10-12 03:42:01 +03:00
|
|
|
import React from 'react';
|
|
|
|
import Navigation from '../../components/navigation';
|
2015-12-11 20:53:37 +03:00
|
|
|
import Link from '../../components/link';
|
2015-10-12 03:42:01 +03:00
|
|
|
|
2015-12-11 20:53:37 +03:00
|
|
|
const actions = [
|
2017-01-26 20:05:32 +03:00
|
|
|
{ label: 'Alarm', raised: true, icon: 'access_alarm' },
|
|
|
|
{ label: 'Location', raised: true, accent: true, icon: 'room' },
|
2015-12-11 20:53:37 +03:00
|
|
|
];
|
2015-10-12 03:42:01 +03:00
|
|
|
|
2015-12-11 20:53:37 +03:00
|
|
|
const NavigationTest = () => (
|
|
|
|
<section>
|
|
|
|
<h5>Navigation</h5>
|
|
|
|
<p>lorem ipsum...</p>
|
2017-01-26 20:05:32 +03:00
|
|
|
<Navigation type="horizontal" actions={actions} />
|
|
|
|
<Navigation type="vertical">
|
|
|
|
<Link href="http://" label="Inbox" icon="inbox" />
|
|
|
|
<Link href="http://" active label="Profile" icon="person" />
|
2015-12-11 20:53:37 +03:00
|
|
|
</Navigation>
|
|
|
|
</section>
|
|
|
|
);
|
2015-10-22 02:31:17 +03:00
|
|
|
|
|
|
|
export default NavigationTest;
|