blob: 33000135b4e8c776f15e0dacd3f5c0871d765ca5 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>Search bar element test</title>
<script type="module" src="chrome://messenger/content/unifiedtoolbar/search-bar.mjs"></script>
</head>
<body>
<template id="searchBarTemplate">
<form>
<input type="search" placeholder="" required="required"/>
<div aria-hidden="true"><slot name="placeholder"></slot></div>
<button class="button button-flat icon-button"><slot name="button"></slot></button>
</form>
</template>
<search-bar label="Search">
<span slot="placeholder">Placeholder</span>
<img slot="button" src="chrome://messenger/skin/icons/new/compact/search.svg" alt="Search"/>
</search-bar>
</body>
</html>
|