Get started with dash-html-components CDN

MIT licensed

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

  • plotly
  • dash

Stable version


How to start using dash-html-components CDN

<!DOCTYPE html>
  <title>Get started with dash-html-components CDN -</title>
  <link rel="preconnect" href="">
  <link href="" rel="stylesheet">
  <script src=""></script>
  <script src=""></script>
    body { margin: 0; }
    #app { display: flex; justify-content: center; align-items: center; height: 100vh; }
  <div id="app">
    <mwc-card heading="Welcome to Dash Html Components!">
      <p>This is a simple example using the Dash Html Components library.</p>
    customElements.whenDefined('mwc-card').then(() => {
      document.querySelector('mwc-card').addEventListener('click', () => {
        alert('Card clicked!');

All versions