nostr-web-components/bigbundledemo.html

collection of web components that provide quick access to basic nostr things

<script src="dist/index.js"></script>

<nostr-user-search placeholder="search for a nostr user here" value="edward snowden"></nostr-user-search>

<br />
<br />
<br />

you have chosen
<nostr-name></nostr-name>
<script>
  document.querySelector('nostr-user-search').addEventListener('selected', ev => {
    document.querySelector('nostr-name').setAttribute('pubkey', ev.detail.pubkey)
  })
</script>