JSFiddle - React, Tailwind, and code Playground

CSS

a { margin: 4px; }

JavaScript

'use strict';

var App = {
  view : function( ctrl, mainComponent ){
    return [
    	m("div#header-navigation", [
    		m('a[href="/"]', {config:m.route}, 'Home'),
    		m('a[href="/login"]', {config:m.route}, 'Login')
    	]),
      m( 'main',   mainComponent ),
      m("span", "Copyright None")
    ];
  }
};

var Home = {
  view: function() {
    return m("h1", "Home")
  }
};

var Login = {
  view: function() {
    return m("h1", "Login")
  }
};

m.route(document.body, "/", {
  "/"          : m.component( App, Home ),
  "/login"     : m.component( App, Login )
});