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!