marble
Version:
WeDeploy's style guide and UI components
45 lines (42 loc) • 1.35 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Demo: Button group</title>
<link rel="stylesheet" href="../build/marble.css">
<style>
body {
margin: 120px auto;
width: 800px;
}
</style>
</head>
<body>
<div class="btn-group">
<button type="button" class="btn btn-default btn-group-selected">
<span class="btn-group-label">GET</span>
<span class="btn-group-icon icon-12-check"></span>
</button>
<button type="button" class="btn btn-default btn-group-selected http-head-bg">
<span class="btn-group-label">HEAD</span>
<span class="btn-group-icon icon-12-check"></span>
</button>
<button type="button" class="btn btn-default http-post-bg">
<span class="btn-group-label">POST</span>
<span class="btn-group-icon icon-12-check"></span>
</button>
<button type="button" class="btn btn-default http-put-bg">
<span class="btn-group-label">PUT</span>
<span class="btn-group-icon icon-12-check"></span>
</button>
<button type="button" class="btn btn-default http-patch-bg">
<span class="btn-group-label">PATCH</span>
<span class="btn-group-icon icon-12-check"></span>
</button>
<button type="button" class="btn btn-default http-delete-bg">
<span class="btn-group-label">DELETE</span>
<span class="btn-group-icon icon-12-check"></span>
</button>
</div>
</body>
</html>