feat(ipa): Add <Example> component

.prettierrc

@@ -1,2 +1,5 @@
 proseWrap: always
 printWidth: 80
+singleQuote: false
+semi: true
+trailingComma: all

ipa/dev/component-fixtures.mdx

@@ -9,7 +9,7 @@ description:
   production builds."
 ---
 
-import { Guidelines, Guideline } from "@site/src/components/ipa";
+import { Guidelines, Guideline, Example } from "@site/src/components/ipa";
 
 # Component fixtures
 
@@ -61,3 +61,28 @@ independently.
   <p>Second child — separated from the first by a top border.</p>
   <p>Third child — separator styling applies between every adjacent pair.</p>
 </Guidelines>
+
+## `<Example>`
+
+`<Example.Correct>` and `<Example.Incorrect>` render collapsible code examples
+with a visual correct/incorrect indicator.
+
+### Correct example
+
+<Example.Correct>
+
+```yaml
+name: list-resources
+```
+
+</Example.Correct>
+
+### Incorrect example
+
+<Example.Incorrect title="Missing name field">
+
+```yaml
+{}
+```
+
+</Example.Incorrect>

package.json

@@ -40,6 +40,7 @@
     "@docusaurus/theme-classic": "^3.8.1",
     "@docusaurus/theme-search-algolia": "^3.8.1",
     "@easyops-cn/docusaurus-search-local": "^0.51.1",
+    "clsx": "^2.1.1",
     "zod": "^4.3.6"
   }
 }