docs: update content

Author: mrholek

packages/docs/components/widgets.md

@@ -966,7 +966,7 @@ description:
       <template #icon><CIcon icon="cib-coreui-c" height="52" class="my-4 text-white" /></template>
       <template #chart>
         <CChart
-          className="position-absolute w-100 h-100"
+          class="position-absolute w-100 h-100"
           type="line"
           :data="{
             labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],

packages/docs/forms/textarea.md

@@ -48,14 +48,14 @@ Add the `disabled` boolean attribute on an input to give it a grayed out appeara
 
 ::: demo
 <CFormTextarea
-  className="mb-3"
+  class="mb-3"
   placeholder="Disabled textarea"
   aria-label="Disabled textarea example"
   disabled></CFormTextarea>
 :::
 ```vue
 <CFormTextarea
-  className="mb-3"
+  class="mb-3"
   placeholder="Disabled textarea"
   aria-label="Disabled textarea example"
   disabled>

packages/docs/forms/validation.md

@@ -549,7 +549,7 @@ Validation styles are available for the following form controls and components:
     required
   />
   <CFormCheck
-    className="mb-3"
+    class="mb-3"
     type="radio"
     name="radio-stacked"
     id="validationFormCheck3"
@@ -611,7 +611,7 @@ Validation styles are available for the following form controls and components:
     required
   />
   <CFormCheck
-    className="mb-3"
+    class="mb-3"
     type="radio"
     name="radio-stacked"
     id="validationFormCheck3"

packages/docs/getting-started/accessibility.md

@@ -29,16 +29,16 @@ Some combinations of colors that currently make up CoreUI for Vue default palett
 Content which should be visually hidden, but remain accessible to assistive technologies such as screen readers, can be styled using the `.visually-hidden` class. This can be useful in situations where additional visual information or cues (such as meaning denoted through the use of color) need to also be conveyed to non-visual users.
 
 ```html
-<p className="text-danger">
-  <span className="visually-hidden">Danger: </span>
+<p class="text-danger">
+  <span class="visually-hidden">Danger: </span>
   This action is not reversible
 </p>
 ```
 
 For visually hidden interactive controls, such as traditional "skip" links, use the `.visually-hidden-focusable` class. This will ensure that the control becomes visible once focused (for sighted keyboard users). **Watch out, compared to the equivalent `.sr-only` and `.sr-only-focusable` classes in past versions, CoreUI's `.visually-hidden-focusable` is a standalone class, and must not be used in combination with the `.visually-hidden` class.**
 
 ```html
-<a className="visually-hidden-focusable" href="#content">Skip to main content</a>
+<a class="visually-hidden-focusable" href="#content">Skip to main content</a>
 ```
 
 ### Reduced motion