From e2457752b8375fcf99867d327f5f4b5e0f05442e 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>