deliteful-ToggleButton

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.14/require.js"></script>
<button is="d-toggle-button">Wifi</button>
<button is="d-toggle-button" checked>Wifi</button>
<button is="d-toggle-button" checkedLabel="Enabled">Enable</button>
<button is="d-toggle-button" checkedLabel="Bookmarked" iconClass="icon-star-empty" checkedIconClass="icon-star-full">Bookmark</button>

CSS

.icon-star-empty:before { content: "☆"; }
.icon-star-full:before { content: "★"; }

JavaScript

require.config({
    baseUrl: "http://ibm-js.github.io/libraries/master",     
});

require(["deliteful-build/layer"], function () {
		require([
			"deliteful/ToggleButton",
			"delite/theme!delite/themes/{{theme}}/global.css",	// page level CSS
			"requirejs-domready/domReady!"
		], function (ToggleButton) {
            document.body.style.display = "";
		});
});