Add and focus inline examples

Author: MWDelaney

README.md

@@ -178,6 +178,25 @@ In any template, use the `renderComponent` filter:
 <details open>
 <summary>View Liquid usage example</summary>
 
+```liquid
+{{-
+  {
+    "type": "callout",
+    "heading": "Help organize the 11ty Meetup!",
+    "description": "A callout component to highlight important information.",
+    "links": [
+      {
+        "linkUrl": "https://11tymeetup.dev/",
+        "linkText": "Join the 11ty Meetup!"
+      }
+    ],
+    "background": "warning"
+  } | renderComponent
+-}}
+```
+
+Or from frontmatter:
+
 ```liquid
 ---
 title: My Page
@@ -201,6 +220,25 @@ callout:
 <details>
 <summary>View Nunjucks usage example</summary>
 
+```njk
+{{-
+  {
+    "type": "callout",
+    "heading": "Help organize the 11ty Meetup!",
+    "description": "A callout component to highlight important information.",
+    "links": [
+      {
+        "linkUrl": "https://11tymeetup.dev/",
+        "linkText": "Join the 11ty Meetup!"
+      }
+    ],
+    "background": "warning"
+  } | renderComponent | safe
+-}}
+```
+
+Or from frontmatter:
+
 ```njk
 ---
 title: My Page
@@ -224,6 +262,23 @@ callout:
 <details>
 <summary>View WebC usage example</summary>
 
+```html
+<template @html="{
+  'type': 'callout',
+  'heading': 'Help organize the 11ty Meetup!',
+  'description': 'A callout component to highlight important information.',
+  'links': [
+    {
+      'linkUrl': 'https://11tymeetup.dev/',
+      'linkText': 'Join the 11ty Meetup!'
+    }
+  ],
+  'background': 'warning'
+} | renderComponent"></template>
+```
+
+Or from frontmatter:
+
 ```html
 ---
 title: My Page
@@ -247,6 +302,25 @@ callout:
 <details>
 <summary>View Vento usage example</summary>
 
+```vento
+{{-
+  {
+    "type": "callout",
+    "heading": "Help organize the 11ty Meetup!",
+    "description": "A callout component to highlight important information.",
+    "links": [
+      {
+        "linkUrl": "https://11tymeetup.dev/",
+        "linkText": "Join the 11ty Meetup!"
+      }
+    ],
+    "background": "warning"
+  } |> renderComponent |> safe
+-}}
+```
+
+Or from frontmatter:
+
 ```vento
 ---
 title: My Page