From afbd73749604e70d44f589d0a1c28414970b0019 Mon Sep 17 00:00:00 2001
From: Aroyan <43630681+aroyan@users.noreply.github.com>
Date: Sat, 6 Aug 2022 15:18:14 +0800
Subject: [PATCH] feat: add custom elements resource (#1413)

---
 .../content/113-web-components/101-custom-elements.md      | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/content/roadmaps/100-frontend/content/113-web-components/101-custom-elements.md b/content/roadmaps/100-frontend/content/113-web-components/101-custom-elements.md
index 826d079b1..01f8e5e01 100644
--- a/content/roadmaps/100-frontend/content/113-web-components/101-custom-elements.md
+++ b/content/roadmaps/100-frontend/content/113-web-components/101-custom-elements.md
@@ -1 +1,6 @@
-# Custom elements
\ No newline at end of file
+# Custom Elements
+
+One of the key features of the Web Components standard is the ability to create custom elements that encapsulate your functionality on an HTML page, rather than having to make do with a long, nested batch of elements that together provide a custom page feature.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements'>Using custom elements | MDN web docs</BadgeLink>