# DOM Events

const h = new Onboardist.UI.Hotspot({
  attach: '#click-demo',
  events: {
    click: () => {
      // Don't do this lol
      alert('Foo!');
    },
  },
});

Onboardist.UI.registerComponent({
  name: 'tooltip01',
  component: 'tooltip',
  args: {
    attach: 'hot1',
    title: 'Tooltip Title',
    content: 'Tooltip content',
    buttons: false,
  },
});
this.destroyables.push(new Onboardist.UI.Hotspot({
  attach: '#mouseover',
  events: {
    mouseover: 'tooltip01.show',
    mouseout: 'tooltip01.hide',
  },
}));