showwcial-embed
v0.2.0
Published
A mini javascript library which enables you embed showwcase `Threads` in your personal site.
Downloads
3
Readme
Showwcial Embed
A mini javascript library which enables you embed showwcase Threads in your personal site.
Usage
Follow the instruction below on how the widget can be used.
Step 1
Include the following script before the closing </body> tag.
// Ionicons Lib (This embed widget depends on it, so do well to include it.)
<script
type="module"
src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"
></script>
// Embed Widget
<script src="https://cdn.jsdelivr.net/npm/[email protected]/index.js"></script>Step 2
Include the widget css lib within yor <head> tag.
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/showwcial-embed/style.css"
/>Step 3
Invoke the widget within your application by calling adding the following code.
<body>
<div id="unique-id-name"></div>
<script>
const embedd = new ShowwcaseEmbed(
"#unique-id-name",
[101223, 102777, 103301, 103092] // list of showwcase threads id. you could include one or two threads.
);
</script>
</body>Note!! Make sure the thread id is valid, else, the widget wont work properly.
If all have been done correctly, you should get the following result:
