Getting Started

To get started you just need to include our javascript library on your page like this:

<script
  type="module"
  src="https://unpkg.com/@glade-software/glade-annotatable?module"
></script>

Next, wrap your content with our newly declared custom element

<glade-annotatable>
  <p>This content can be whatever you want!</p>
  <p>Users will be able to click on it, sign in, and add annotations!</p>
</glade-annotatable>

Now, users will be able to click on any DOM node within that body of content to add an annotation 🎉

If you're curious what that looks like, check out this demo and add an annotation of your own!