paku
A small library to create HTML cards
Installation
npm install @drihu/pakuUsage
In your HTML file import the script.
<!-- head -->
<body>
<div id="app"></div>
<script src="../dist/paku.umd.js"></script>
<script>
const app = document.querySelector('#app');
for (let i = 1; i <= 4; i++) {
const card = new Paku({
title: 'Random Title',
body: 'Lorem ipsum dolor, sit amet consectetur adipisicing elit.',
});
app.append(card.element);
}
</script>
</body>
</html>That way you'll have 4 pretty cards inside any element you want.
License
Copyright © 2020 Ricardo Huamani <ricardohuamanip@gmail.com>
Licensed under the terms of the MIT license.