Picmo — Inline Picker

Mount createPicker into a root element and listen for emoji:select.

Picmo is an ES module on the CDN. This lesson uses a normal script that import()s it, so the page still works when opened as a local file://.

Selected emoji:

—

Pick an emoji.

Important JavaScript

const { createPicker } = await import(
  "https://cdn.jsdelivr.net/npm/picmo@5.8.5/+esm"
);
const picker = createPicker({ rootElement: root });
picker.addEventListener("emoji:select", function (event) {
  preview.textContent = event.emoji;
});