chrome-devtools-frontend
Version:
Chrome DevTools UI
45 lines (43 loc) • 1.2 kB
HTML
<!--
Copyright 2021 The Chromium Authors. All rights reserved.
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file.
-->
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<title>Button example</title>
<style>
body {
overflow: auto ; /* stylelint-disable-line declaration-no-important */
}
div {
width: 500px;
padding: 25px;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
</style>
</head>
<body>
<header>Buttons</header>
<div id="buttons"></div>
<header>Primary buttons</header>
<div id="primary-buttons"></div>
<header>Tonal buttons</header>
<div id="tonal-buttons"></div>
<header>Outlined buttons</header>
<div id="outlined-buttons"></div>
<header>Text buttons</header>
<div id="text-buttons"></div>
<header>Icon buttons</header>
<div id="icon-buttons"></div>
<header>Floating buttons</header>
<div id="floating-buttons"></div>
<script type="module" src="./basic.js"></script>
</body>
</html>