mirror of
https://github.com/aspnet/JavaScriptServices.git
synced 2025-12-22 17:47:53 +00:00
Add ReactSpa template
This commit is contained in:
26
templates/ReactSpa/ClientApp/components/NavMenu.tsx
Normal file
26
templates/ReactSpa/ClientApp/components/NavMenu.tsx
Normal file
@@ -0,0 +1,26 @@
|
||||
import * as React from 'react';
|
||||
import { Link } from 'react-router';
|
||||
export class NavMenu extends React.Component<void, void> {
|
||||
public render() {
|
||||
return <div className="navbar navbar-inverse navbar-fixed-top">
|
||||
<div className="container">
|
||||
<div className="navbar-header">
|
||||
<button type="button" className="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
|
||||
<span className="sr-only">Toggle navigation</span>
|
||||
<span className="icon-bar"></span>
|
||||
<span className="icon-bar"></span>
|
||||
<span className="icon-bar"></span>
|
||||
</button>
|
||||
<Link className="navbar-brand" to={ '/' }>WebApplicationBasic</Link>
|
||||
</div>
|
||||
<div className="navbar-collapse collapse">
|
||||
<ul className="nav navbar-nav">
|
||||
<li><Link to={ '/' }>Home</Link></li>
|
||||
<li><Link to={ '/about' }>About</Link></li>
|
||||
<li><Link to={ '/counter' }>Counter</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user