Metagrid vanilla-js widget -

The modern Metagrid widget relies on newer browser features and has no support for older browsers. Around 95%+ of all internet users can view the widget, but maybe your local government agency still relays on IE11. It comes without dependency.

Supported Browsers

No IE11
Chrome >=87
Firefox >=78
Safari >=13
Edge >=88

Install the widget with npm install @metagrid/modern-metagrid-widget and import it into your project. Call the widget function and pass in the target element, the provider, and the identifier to display the links.

<!DOCTYPE html>
<html lang="en">
<head></head>
<body>
<div id="metagrid-widget"></div>
<script type="module">
    import { widget } from "@metagrid/modern-metagrid-widget";
    widget(document.getElementById('metagrid-widget'), 'dodis', '5');
</script>
</body>
</html>

Api Client

Beside the widget function, the package also exposes a MetagridApi client, some interfaces and types. If you plan to build your own integration into an existing framework, you can use the MetagridApi as an abstraction to communicate with Metagrid.

Need more info or found an error? Check out the Github project, open an issue, or send a pull request.

Docs

Metagrid vanilla-js widget

Api Client