This repository is a learning resource for understanding and creating web components using vanilla JavaScript. Web components are a set of web platform APIs that allow you to create reusable custom elements in web pages and web apps.
Some of the components included are, not all complete though:
- Date-picker
- Pagination
- Toast notification
Check out the demo images on https://fly.nicanor.me. In your root index.html, import any component you want to use:
<script src="https://fly.nicanor.me/pagination/pagination.js"></script>
<pagination-component total-pages="3" total-items="50"></pagination-component><script src="https://fly.nicanor.me/toast/toast.js"></script>
<toast-notification
variant="error"
time-to-display="5000"
title="Error"
description="Operation completed successfully!"
cta-text="Dismiss"
>
</toast-notification><script src="https://fly.nicanor.me/date-picker/date-picker.js"></script>
<date-picker></date-picker>