diff --git a/content/roadmaps/105-vue/content/100-fundamental-topics/107-conditional-rendering.md b/content/roadmaps/105-vue/content/100-fundamental-topics/107-conditional-rendering.md
index 1f66ef1f0..a1e150b33 100644
--- a/content/roadmaps/105-vue/content/100-fundamental-topics/107-conditional-rendering.md
+++ b/content/roadmaps/105-vue/content/100-fundamental-topics/107-conditional-rendering.md
@@ -1 +1,8 @@
-# Conditional rendering
\ No newline at end of file
+# Conditional Rendering
+
+The directive `v-if` is used to conditionally render a block. The block will only be rendered if the directive's expression returns a truthy value.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://vuejs.org/guide/essentials/conditional.html'>Conditional Rendering</BadgeLink>
+
+