@maksimyurkov/ims-user-list
Version:
User List web component for WebTutor and other LMS
44 lines (42 loc) • 1.37 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>ims-user-list fullwidth demo</title>
<style>
body {
margin: 0;
padding: 0;
font-family: Roboto, sans-serif;
color: #424242;
font-size: 1rem;
height: 100vh;
max-height: 100vh;
overflow: hidden;
background: #eeeeee;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
</style>
</head>
<body>
<script src="../dist/vendor/webcomponents-loader.js"></script>
<script nomodule src="../dist/vendor/fetch.js"></script>
<script nomodule src="../dist/vendor/babel-helpers.min.js"></script>
<script nomodule src="../dist/vendor/regenerator-runtime.min.js"></script>
<ims-user-list></ims-user-list>
<script>
document.querySelector("ims-user-list").options = {
textAvatar: false,
width: "100%",
height: "100vh",
demoMode: true,
showFound: false
};
</script>
<script nomodule src="../dist/ims-user-list.es5.js"></script>
<script type="module" src="../dist/ims-user-list.js"></script>
</body>
</html>