1. Reference
2. UIKit
3. Context

Context component

<wy-context> | WyContext

The context component provides an alternative way of initializing the Weavy UIKit that does not require creating an instance of the Weavy class. This can be useful in some scenarios, for instance in low-code and no-code platforms with limited javascript functionality.

To use the context component in the UIKit you need initialize it with the url to your environment and tokenFactory/tokenUrl for authentication.

Importing

If you installed the UIKit with npm you can use the following snippet to import the component into your project. Otherwise, if you installed the UIKit as a <script> you can ignore this section.

import { WyContext } from "@weavy/uikit-web";

Examples

The context component can be used by itself as seen in the example below.

<wy-context
  url="{WEAVY-URL}"
  tokenUrl="https://example.com/myapp/token"
></wy-context>
...
<h1>Messenger with standard weavy configuration</h1>
<wy-messenger></wy-messenger>

It can also be used as a context provider where you place other Weavy components as children of the context provider.

<wy-context url="{WEAVY-URL}" tokenUrl="https://example.com/myapp/token">
  <h1>Messenger inside a weavy context provider</h1>
  <wy-messenger></wy-messenger>
</wy-context>

HTML attributes

Attributes can be set when using the component in HTML. All attributes have corresponding Javascript properties.

Most attributes are optional and/or has sensible default values. Any required attributes are indicated with an asterisk (*). Any multiple option requirements are marked by double asterisks (**).

Learn more about attributes and properties.

JavaScript properties

Properties can be used in JavaScript. Some of them have corresponding HTML attributes where applicable. Any required attributes are indicated with an asterisk (*). Any multiple option requirements are marked by double asterisks (**).