Input Method Demo

import KeywriteWeb from "@keywrite/web";

const myLayout = {
a: {
value: '∀',
next: null,
},
b: {
value: '⋈',
next: {
l: {
value: '⋉',
next: null,
},
r: {
value: '⋊',
next: null,
},
},
},
c: {
value: '⊂',
next: {
n: {
value: '⊄',
next: {
u: {
value: '⊈',
next: null,
},
},
},
u: {
value: '⊆',
next: {
n: {
value: '⊈',
next: null,
},
},
},
l: {
value: '⊃',
next: {
n: {
value: '⊅',
next: {
u: {
value: '⊉',
next: null,
},
},
},
u: {
value: '⊇',
next: {
n: {
value: '⊉',
next: null,
},
},
},
},
},
},
},
d: { value: '∂', next: null },
};
// add to HTMLTextAreaElement
new KeywriteWeb(document.querySelector("textarea"), { myLayout });

Open Sandbox