refactor: update examples

src/components/DocsCallout.vue

@@ -1,10 +1,12 @@
 <template>
   <CCallout color="info" class="bg-white">
-    A Vue {{ name }} component {{ plural ? 'have' : 'has' }} been created as a
-    native Vue.js version of Bootstrap {{ name }}. {{ name }}
-    {{ plural ? 'are' : 'is' }}
-    delivered with some new features, variants, and unique design that matches
-    CoreUI Design System requirements.
+    {{content
+        ? content
+        : `A Vue ${name} component ${
+            plural ? 'have' : 'has'
+          } been created as a native Vue.js version
+      of Bootstrap ${name}. ${name} ${plural ? 'are' : 'is'} delivered with some new features,
+      variants, and unique design that matches CoreUI Design System requirements.`}}
     <br />
     <br />
     For more information please visit our official
@@ -20,6 +22,11 @@ import packageJson from '../../package.json'
 export default {
   name: 'DocsCallout',
   props: {
+    content: {
+      type: String,
+      default: undefined,
+      required: false,
+    },
     href: {
       type: String,
       default: undefined,