tymonial
Version:
A intuitive UI library which ease the process of collecting and viewing users feedbacks within yourt web applications.
46 lines (39 loc) • 1.6 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Tymonial Example</title>
<!-- CSS only -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tymonial/lib/css/tymonial.css">
<!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous"> -->
<!-- <link rel="stylesheet" href="../lib/css/tymonial.css"> -->
</head>
<body>
<h1>vanilla Javascript Example</h1>
<br>
<div class="example-cont">
</div>
<script src="https://cdn.jsdelivr.net/npm/tymonial/lib/tymonial.js" type="text/javascript"></script>
<script src="../lib/tymonial.js" type="text/javascript"></script>
<script>
new Tymonial({
element: ".example-cont",
user_id: "f8316509-880e-42d0-a639-67fd525ef4a0",
template_id: "temp_eg2abd",
heading: "My Feedbacks.",
tymonialBgColor: "#ccc",
subheadingColor: "#000",
headingColor:"#777",
cardBgColor: "#fff",
cardBodyTextColor:"#777",
cardUsernameTextColor: "#000",
cardRatingColor: "#fd336d",
controlsBgColor: "#fff",
controlsColor: "#000"
})
.init()
</script>
</body>
</html>