mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-30 18:03:48 +08:00
Tim van der Lippe
e622f55864
R=jacktfranklin@chromium.org Bug: 1187573 Change-Id: I2f8225ba1b9fc9848cf497ec0235756ace0f4831 Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2826290 Commit-Queue: Tim van der Lippe <tvanderlippe@chromium.org> Reviewed-by: Jack Franklin <jacktfranklin@chromium.org>
46 lines
967 B
HTML
46 lines
967 B
HTML
<!--
|
|
Copyright 2020 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>Element explore icon example</title>
|
|
<style>
|
|
#icon-overview {
|
|
width: 80%;
|
|
}
|
|
|
|
td,
|
|
th {
|
|
text-align: left;
|
|
width: 50%;
|
|
height: 50px;
|
|
}
|
|
|
|
.custom-color {
|
|
--icon-color: blue;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<table id='icon-overview'>
|
|
<tr>
|
|
<th>Icon name</th>
|
|
<th>Icon</th>
|
|
</tr>
|
|
</table>
|
|
|
|
<div style="display: flex; align-items: center;">
|
|
<span>Some text</span>
|
|
<devtools-icon id="icon-in-flex"></devtools-icon>
|
|
<span>Some text</span>
|
|
</div>
|
|
|
|
<script type="module" src="./basic.js"></script>
|
|
</body>
|
|
</html>
|