Button
Button
View Demo

Insert it in <head>

<!-- Choose one for Light Mode -->
<link id="themecss" rel="stylesheet" type="text/css" href="https://i-as.dev/devui/css/light/all.min.css" />
<!-- Choose one for Dark Mode -->
<link id="themecss" rel="stylesheet" type="text/css" href="https://i-as.dev/devui/css/dark/all.min.css" />

<script type="text/javascript" src="https://i-as.dev/devui/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="https://i-as.dev/devui/js/devui-all.min.js"></script>

Use Components

<body>
	<button id="but1">
        <span>Allow Multi-car order</span>
    </button>
    <button id="but2">
        <span>Rent Additional Cars</span>
    </button>
    <button id="toggle1">
        <span>Include VIP Package</span>
    </button>
	
	<script type="text/javascript">
		$(function () {
			$("#but1").devuiButton({
				events: {
					click: function (event) {
						var but1 = $("#but1").swidget();
						var but2 = $("#but2").swidget();
						if (but2.enabled()) {
							but2.enabled(false);
						}
						else {
							but2.enabled(true);
						}
					}
				}
			});
			$("#but2").devuiButton({
				enabled: false,
				events: {
					click: function () {
						alert("Rent Additional Cars");
					}
				}
			});
			$("#toggle1").devuiButton({
				toggle: true
			});
		});
	</script>
</body>