Skip to content

Latest commit

 

History

History
52 lines (39 loc) · 1.54 KB

framework-terminal.md

File metadata and controls

52 lines (39 loc) · 1.54 KB
Raw

Framework Terminal Snippet Web Component

The Framework Terminal Snippet can be loaded as a web component via JSDelivr CDN.

The JSDelivr URLs below point to the latest commit in the main branch, ensuring changes to the snippet are automatically deployed to consuming websites.

See here for more options when testing using JSDelivr.

Usage

The Framework terminal can be loaded via both JS and HTML.

Loading with Javascript (preferred)

Use this method if you have access to custom JS.

// Custom JS injection
!(function (e) {
  if (!document.getElementById(e)) {
    var t = document.createElement("script");
    (t.src = "https://cdn.jsdelivr.net/gh/novuhq/docs/framework-terminal.min.js"),
      (t.type = "text/javascript"),
      (t.crossOrigin = "anonymous"),
      (t.id = e);
    var n = document.getElementsByTagName("script")[0];
    n ? n.parentNode.insertBefore(t, n) : document.body.appendChild(t);
  }
})("nv-framework-terminal-loader");
<!-- Use the web component in the `<body>` of your Web Page -->
<nv-framework-terminal></nv-framework-terminal>

Loading with HTML

Use this method if you only have access to modify the <head> element.

<!-- Load the snippet in the `<head>` -->
<script
  id="framework-terminal-loader"
  src="https://cdn.jsdelivr.net/gh/novuhq/docs/framework-terminal.min.js"
  type="text/javascript"
  crossorigin="anonymous"
></script>

<!-- Use the web component in the `<body>` of your Web Page -->
<nv-framework-terminal></nv-framework-terminal>