web component
This article is a stub. You can help the IndieWeb wiki by expanding it.
web component is a reusable HTML element defined using the Web Components API, and created & used by IndieWeb community members on their own sites.
IndieWeb Examples
capjamesg
capjamesg has made a few web components on his site.
recommend-firefox: Adds a message that recommends Firefox if the reader is not using Firefox to read the page (https://jamesg.blog/2023/12/12/recommend-firefox/).commandk.js: A search overlay (https://jamesg.blog/2023/02/13/announcing-commandk-js/).stories.js: A story layout (https://jamesg.blog/2023/05/21/stories-js/).- Drag and drop list: Allow users to order lists (https://github.com/capjamesg/drag-and-drop-list).
- Calendar date: Add a calendar date to your website (https://github.com/capjamesg/calendar-date).
He also uses a web component from Zach Leatherman:
seven-minute-tabs: Add tabs to a web page (https://github.com/zachleat/seven-minute-tabs).
See Also
- Jeremy Keith on web components: HTML web components
- https://developer.mozilla.org/en-US/docs/Web/API/Web_components
- IndieWeb Example: https://morganwebdev.com/blog/web-components/
- Recommended reading per
Kevin Marks: HTML web components https://adactio.com/journal/21078 (to do: needs article/citation templating)