Get started with dash-html-components CDN

MIT licensed

Set of reusable, customizable web components for React, using Material.

Tags:
  • plotly
  • dash

Stable version

Copied!

How to start using dash-html-components CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with dash-html-components CDN - cdnhub.io</title>
  <link rel="preconnect" href="https://fonts.gstatic.com">
  <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/polyfill-ie-postmessage@0.8.0/polyfill.min.js"></script>
  <script src="https://cdn.cdnhub.io/dash-html-components/2.0.17/dash_html_components.min.js"></script>
  <style>
    body { margin: 0; }
    #app { display: flex; justify-content: center; align-items: center; height: 100vh; }
  </style>
</head>
<body>
  <div id="app">
    <mwc-card heading="Welcome to Dash Html Components!">
      <p>This is a simple example using the Dash Html Components library.</p>
    </mwc-card>
  </div>
  <script>
    customElements.whenDefined('mwc-card').then(() => {
      document.querySelector('mwc-card').addEventListener('click', () => {
        alert('Card clicked!');
      });
    });
  </script>
</body>
</html>
Copied!

All versions