Components

Weavy components are just regular HTML elements, or custom elements to be precise, and you can use them like any other HTML element by adding them directly to your HTML.

<wy-messenger></wy-messenger>

Web components cannot be self-closing so you should always add a closing tag: <wy-messenger></wy-messenger>.

You can also create components with JavaScript and manually add them to the DOM.

const messenger = new WyMessenger();
document.body.append(messenger);

The container you place the component in should have a defined size (for example width and height), otherwise the component might not be visible since it adapts to the size of the container.

Block components

The following components are the most commonly used and are described in more detail on their respective reference documentation page.

  • <wy-chat> – Group chat.
  • <wy-files> – Uploading, sharing, viewing and discussing files.
  • <wy-messenger> – Private messaging with one-to-one and group conversations.
  • <wy-posts> – Feed for for posting updates on, and discussing, different topics.
Weavy Docs