<create-comment>

Usage

0. If you haven't already, go through the setup for the module.

1. Import the <create-comment> element somewhere in the javascript side of your web-app like this:

import '@darksoil-studio/comments/dist/elements/create-comment.js'

2. Use it in the html side of your web-app like this:

Lit

<create-comment 
  .replyTo=${ replyTo }
>
</create-comment>

React

<create-comment
  replyTo={ replyTo }
>
</create-comment>

Angular

<create-comment
  [replyTo]="replyTo"
>
</create-comment>

Vue

<create-comment
  :replyTo="replyTo"
>
</create-comment>

Svelte

<create-comment
  reply-to={encodeHashToBase64(replyTo)}
>
</create-comment>

WARNING

Like all the elements in this module, <create-comment> needs to be placed inside an initialized <comments-context>.

Demo

Here is an interactive demo of the element:

API Reference

<create-comment> is a custom element, which means that it can be used in any web app or website. Here is the reference for its API: