AllTips(154)

Shadow DOM User Profile

Name: Shadow DOM User Profile
Uploaded: 2024-03-15T20:30:45+08:00
Channel: Arbaoui Mehdi
Description: Using the HTML `<template>` content template element and `Shadow DOM` for creating isolated and modular user profile component.

Next Tip

Source Code https://github.com/Front-Tips/shadow-dom-user-profile
MDN HTML <template> element Reference https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template
Can I Use <template> https://caniuse.com/?search=template

Credits

CSS Profile Card Style https://codepen.io/ShortCode/pen/RwyRZKN
Templating in HTML https://kittygiraudel.com/2022/09/30/templating-in-html/