diff options
Diffstat (limited to 'sticker.pinapelz.com/src/search-box.js')
| -rw-r--r-- | sticker.pinapelz.com/src/search-box.js | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/sticker.pinapelz.com/src/search-box.js b/sticker.pinapelz.com/src/search-box.js new file mode 100644 index 0000000..b25769f --- /dev/null +++ b/sticker.pinapelz.com/src/search-box.js @@ -0,0 +1,26 @@ +// maunium-stickerpicker - A fast and simple Matrix sticker picker widget. +// Copyright (C) 2020 Tulir Asokan +// +// This program is free software: you can redistribute it and/or modify +// it under the terms of the GNU Affero General Public License as published by +// the Free Software Foundation, either version 3 of the License, or +// (at your option) any later version. +// +// This program is distributed in the hope that it will be useful, +// but WITHOUT ANY WARRANTY; without even the implied warranty of +// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +// GNU Affero General Public License for more details. +// +// You should have received a copy of the GNU Affero General Public License +// along with this program. If not, see <https://www.gnu.org/licenses/>. +import {html} from "../lib/htm/preact.js" + +export const SearchBox = ({onInput, onKeyUp, value, placeholder = 'Find stickers'}) => { + const component = html` + <div class="search-box"> + <input type="text" placeholder=${placeholder} value=${value} onInput=${onInput} onKeyUp=${onKeyUp}/> + <span class="icon icon-search"/> + </div> + ` + return component +} |