react-toolbox/spec/ts/navigation.tsx

23 lines
647 B
TypeScript

import * as React from 'react';
import Navigation from '../../components/navigation';
import Link from '../../components/link';
const actions = [
{ label: 'Alarm', raised: true, icon: 'access_alarm' },
{ label: 'Location', raised: true, accent: true, icon: 'room' },
];
const NavigationTest = () => (
<section>
<h5>Navigation</h5>
<p>lorem ipsum...</p>
<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>
);
export default NavigationTest;