From dd16f772dd73ade01e49914cf1149f579b6271c0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl>
Date: Sun, 31 Oct 2021 23:45:00 +0100
Subject: [PATCH] refactor: update examples

---
 src/views/base/Accordion.vue       |  2 +-
 src/views/base/Cards.vue           |  4 ++--
 src/views/forms/FormControl.vue    |  4 ++--
 src/views/forms/Select.vue         |  2 +-
 src/views/notifications/Modals.vue | 15 +++++++--------
 5 files changed, 13 insertions(+), 14 deletions(-)

diff --git a/src/views/base/Accordion.vue b/src/views/base/Accordion.vue
index 8ec7a95e..fa490793 100644
--- a/src/views/base/Accordion.vue
+++ b/src/views/base/Accordion.vue
@@ -125,7 +125,7 @@
         </CCardHeader>
         <CCardBody>
           <p class="text-medium-emphasis small">
-            Add <code>alwaysOpen</code> property to make accordion items stay
+            Add <code>always-open</code> property to make accordion items stay
             open when another item is opened.
           </p>
           <DocsExample href="components/accordion#always-open">
diff --git a/src/views/base/Cards.vue b/src/views/base/Cards.vue
index 96a2cc0e..70495ae0 100644
--- a/src/views/base/Cards.vue
+++ b/src/views/base/Cards.vue
@@ -593,7 +593,7 @@
               >border utilities</a
             >
             to change just the <code>border-color</code> of a card. Note that
-            you can set <code>textColor</code> property on the
+            you can set <code>text-color</code> property on the
             <code>&lt;CCard&gt;</code> or a subset of the card&#39;s contents as
             shown below.
           </p>
@@ -635,7 +635,7 @@
               >border utilities</a
             >
             to change just the <code>border-color</code> of a card. Note that
-            you can set <code>textColor</code> property on the
+            you can set <code>text-color</code> property on the
             <code>&lt;CCard&gt;</code> or a subset of the card&#39;s contents as
             shown below.
           </p>
diff --git a/src/views/forms/FormControl.vue b/src/views/forms/FormControl.vue
index f6d0006c..ae484726 100644
--- a/src/views/forms/FormControl.vue
+++ b/src/views/forms/FormControl.vue
@@ -134,7 +134,7 @@
             <code>plain-text</code> boolean property to remove the default form
             field styling and preserve the correct margin and padding.
           </p>
-          <DocsExample href="components/accordion">
+          <DocsExample href="forms/form-control.html#readonly-plain-text">
             <CRow class="mb-3">
               <CFormLabel for="staticEmail" class="col-sm-2 col-form-label">
                 Email
@@ -158,7 +158,7 @@
               </div>
             </CRow>
           </DocsExample>
-          <DocsExample href="components/accordion">
+          <DocsExample href="forms/form-control.html#readonly-plain-text">
             <CForm class="row g-3">
               <div class="col-auto">
                 <CFormLabel for="staticEmail2" class="visually-hidden">
diff --git a/src/views/forms/Select.vue b/src/views/forms/Select.vue
index 56507a82..385a1fb7 100644
--- a/src/views/forms/Select.vue
+++ b/src/views/forms/Select.vue
@@ -68,7 +68,7 @@
             </CFormSelect>
           </DocsExample>
           <p class="text-medium-emphasis small">
-            As is the <code>htmlSize</code> property:
+            As is the <code>html-size</code> property:
           </p>
           <DocsExample href="forms/select.html#sizing">
             <CFormSelect
diff --git a/src/views/notifications/Modals.vue b/src/views/notifications/Modals.vue
index e0dca7dc..b14e9d4e 100644
--- a/src/views/notifications/Modals.vue
+++ b/src/views/notifications/Modals.vue
@@ -103,10 +103,10 @@
         </CCardHeader>
         <CCardBody>
           <p class="text-medium-emphasis small">
-            If you don’t provide an <code>onDimsiss</code> handler to the Modal
-            component, your modal will behave as though the backdrop is static,
-            meaning it will not close when clicking outside it. Click the button
-            below to try it.
+            If you set <code>backdrop</code> property to <code>static</code>,
+            your modal will behave as though the backdrop is static, meaning it
+            will not close when clicking outside it. Click the button below to
+            try it.
           </p>
           <DocsExample href="components/modal.html#static-backdrop">
             <CButton
@@ -165,10 +165,9 @@
         </CCardHeader>
         <CCardBody>
           <p class="text-medium-emphasis small">
-            If you don’t provide an <code>onDimsiss</code> handler to the Modal
-            component, your modal will behave as though the backdrop is static,
-            meaning it will not close when clicking outside it. Click the button
-            below to try it.
+            When modals become too long for the user's viewport or device, they
+            scroll independent of the page itself. Try the demo below to see
+            what we mean.
           </p>
           <DocsExample href="components/modal.html#scrolling-long-content">
             <CButton