Mithril Component Example

mithril-component-example.markdown

Mithril Component Example

A Pen by Pat Cavit on CodePen.

License.

script.js

var root = document.body
var count = 0

var Hello = {
	view: function() {
		return m("main", [
			m("h1", {
				class: "title"
			}, "My first app"),
			m("button", {
				onclick: function() {count++}
			}, count + " clicks"),
		])
	}
}

var Splash = {
	view: function() {
		return m("a", {
			href: "#!/hello"
		}, "Enter!")
	}
}

m.route(root, "/splash", {
	"/splash": Splash,
	"/hello": Hello,
})

scripts

<script src="https://unpkg.com/mithril"></script>