<head>of your website.
<link rel="stylesheet" href="https://connect.manifoldxyz.dev/latest/connect.css">
If you always want the latest version, use latest for the <WIDGET_VERSION>. However, due to the changing nature of the codebase, it is possible that the "newer" latest is no longer compatible with the "previous" latest used to develop the app. It is thus recommended that you use a specific version of a widget for consistent results.
To use a widget, simply add a
<body>of your website corresponding to the widget you want to use.
data-grant-type="<your app grant type, `signature` or `token`>"
data-client-id="<your app client id>"
data-app-name="<your app name>"
data-network="<your desired network's chain id>"
Widgets are styled using standard CSS.
Some widgets may include links pointing to additional stylesheets. These additional stylesheets (usually named
<WIDGET_NAME>.manifold-dark.css) build on top of the base stylesheet (usually named
<WIDGET_NAME>.css), thus the additional stylesheets should be included after the base one.