react-toolbox/spec/components/navigation.js

23 lines
642 B
JavaScript
Raw Normal View History

2015-10-12 03:42:01 +03:00
import React from 'react';
import Navigation from '../../components/navigation';
import Link from '../../components/link';
2015-10-12 03:42:01 +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-10-12 03:42:01 +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" />
</Navigation>
</section>
);
2015-10-22 02:31:17 +03:00
export default NavigationTest;