@ne1410s/demo

@ne1410s/demo

A custom element for demonstration purposes and to serve as a project template.

<ne14-demo-tooltip>
  <p>Hello world</p>
</ne14-demo-tooltip>

• Use: <script src="PATH_TO_UMD_SCRIPT"></script>
• Extend: npm i -S @ne1410s/demo

Attributes

<ne14-demo-tooltip corner="3" reveal="Definition here">YO' STUFF<ne14-demo-tooltip>

• corner: If specified, the reveal text is positioned in a corner of the screen:
  • 1: Top-left, 2: Top-right, 3: Bottom-right, 4: Bottom-left
• reveal: The definition text that gets shown on hover

Events

const tooltip = document.querySelector('ne14-demo-tooltip');

tooltip.addEventListener('...', () => {
  console.log('Event fired!');
});

• There are no bespoke events raised in the internal workings of this element

Methods

• There are no bespoke methods exposed in this element

Properties

• set corner (number): Sets the attribute with the corresponding value
• set reveal (string): Sets the attribute with the corresponding value