How to use the @lumino/virtualdom.h.div function in @lumino/virtualdom

To help you get started, we’ve selected a few @lumino/virtualdom examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github jupyterlab / jupyterlab / tests / test-apputils / src / commandlinker.spec.ts View on Github external
it('should connect a node to a command', () => {
        let called = false;
        const command = 'commandlinker:connect-node';
        const commands = new CommandRegistry();
        const linker = new CommandLinker({ commands });
        let node: HTMLElement;
        let vnode: VirtualNode;
        const disposable = commands.addCommand(command, {
          execute: () => {
            called = true;
          }
        });

        vnode = h.div({
          dataset: linker.populateVNodeDataset(command, undefined)
        });
        node = VirtualDOM.realize(vnode);
        document.body.appendChild(node);

        expect(called).to.equal(false);
        simulate(node, 'click');
        expect(called).to.equal(true);

        document.body.removeChild(node);
        linker.dispose();
        disposable.dispose();
      });
    });
github jupyterlab / lumino / packages / widgets / src / tabbar.ts View on Github external
renderCloseIcon(data: IRenderData): VirtualElement {
      return h.div({ className: 'p-TabBar-tabCloseIcon' });
    }
github jupyterlab / lumino / packages / widgets / src / menubar.ts View on Github external
renderLabel(data: IRenderData): VirtualElement {
      let content = this.formatLabel(data);
      return h.div({ className: 'p-MenuBar-itemLabel' }, content);
    }
github jupyterlab / lumino / packages / widgets / src / commandpalette.ts View on Github external
renderItemIcon(data: IItemRenderData): VirtualElement {
      let className = this.createIconClass(data);
      return h.div({ className }, data.item.iconLabel);
    }
github jupyterlab / lumino / packages / widgets / src / commandpalette.ts View on Github external
renderItemContent(data: IItemRenderData): VirtualElement {
      return (
        h.div({ className: 'p-CommandPalette-itemContent' },
          this.renderItemLabel(data),
          this.renderItemCaption(data)
        )
      );
    }
github jupyterlab / lumino / packages / widgets / src / commandpalette.ts View on Github external
renderItemShortcut(data: IItemRenderData): VirtualElement {
      let content = this.formatItemShortcut(data);
      return h.div({ className: 'p-CommandPalette-itemShortcut' }, content);
    }
github jupyterlab / lumino / packages / widgets / src / commandpalette.ts View on Github external
renderItemCaption(data: IItemRenderData): VirtualElement {
      let content = this.formatItemCaption(data);
      return h.div({ className: 'p-CommandPalette-itemCaption' }, content);
    }
github jupyterlab / lumino / packages / widgets / src / menu.ts View on Github external
renderShortcut(data: IRenderData): VirtualElement {
      let content = this.formatShortcut(data);
      return h.div({ className: 'p-Menu-itemShortcut' }, content);
    }

@lumino/virtualdom

Lumino Virtual DOM

BSD-3-Clause
Latest version published 3 months ago

Package Health Score

86 / 100
Full package analysis

Similar packages