<template is="ui-search" action="string" placeholder="string">
<div class="ui-search">
<div class="ui-search-content">
<form action="{{props.action |> esc}}" if="props.action">
<input
class="ui-search-input"
placeholder="{{props.placeholder |> esc}}"
type="text"
name="s"
if="props.placeholder"
/>
<button class="ui-search-button">
<svg
class="ui-search-icon"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="20"
height="20"
>
<path
fill="currentColor"
d="M10 2a8 8 0 015.29 13.71l5 5a1 1 0 01-1.42 1.42l-5-5A8 8 0 1110 2zm0 2a6 6 0 100 12 6 6 0 000-12z"
/>
</svg>
</button>
</form>
</div>
</div>
</template>
