docs: update content

Author: mrholek

packages/docs/content/4.2/components/accordion.mdx

@@ -16,7 +16,6 @@ import {
   CAccordionItem 
 } from '@coreui/react/src/index'
 
-
 ## How to use React Accordion component.
 
 Click the accordions below to expand/collapse the accordion content.

packages/docs/content/4.2/components/badge.mdx

@@ -9,12 +9,10 @@ route: /components/badge
 
 import { CBadge, CButton } from '@coreui/react/src/index'
 
-## Example
+## How to use React Badge Component.
 
 React badge component scales to suit the size of the parent element by using relative font sizing and `em` units.
 
-### Basic usage
-
 <Example>
   <h1>Example heading <CBadge color="secondary">New</CBadge></h1>
   <h2>Example heading <CBadge color="secondary">New</CBadge></h2>
@@ -146,7 +144,7 @@ You can also create more generic indicators without a counter using a few more u
 
 ## Contextual variations
 
-Add any of the below-mentioned `color` props to modify the presentation of a badge.
+Add any of the below-mentioned `color` props to modify the presentation of a react badge.
 
 <Example>
   <CBadge color="primary">primary</CBadge>

packages/docs/content/4.2/components/breadcrumb.mdx

@@ -9,9 +9,9 @@ route: /components/breadcrumb
 
 import { CBreadcrumb, CBreadcrumbItem } from '@coreui/react/src/index'
 
-## Example
+## How to use React Breadcrumb Component.
 
-The breadcrumb navigation provides links back to each previous page the user navigated through and shows the current location in a website or an application. You don’t have to add separators, because they automatically added in CSS through ::before and content.
+The react breadcrumb navigation provides links back to each previous page the user navigated through and shows the current location in a website or an application. You don’t have to add separators, because they automatically added in CSS through ::before and content.
 
 <Example>
   <CBreadcrumb>
@@ -114,7 +114,7 @@ $breadcrumb-divider: none;
 
 ## Accessibility
 
-Since breadcrumbs provide navigation, it's useful to add a significant label such as `aria-label="breadcrumb"` to explain the type of navigation implemented in the `<nav>` element. You should also add an `aria-current="page"` to the last item of the set to show that it represents the current page. **CoreUI for React.js automatically add all of this labels to breadcrumb's components.** 
+Since react breadcrumbs provide navigation, it's useful to add a significant label such as `aria-label="breadcrumb"` to explain the type of navigation implemented in the `<nav>` element. You should also add an `aria-current="page"` to the last item of the set to show that it represents the current page. **CoreUI for React.js automatically add all of this labels to breadcrumb's components.** 
 
 For more information, see the [WAI-ARIA Authoring Practices for the breadcrumb pattern](https://www.w3.org/TR/wai-aria-practices/#breadcrumb).
 

packages/docs/content/4.2/components/button-group.mdx

@@ -23,7 +23,7 @@ import {
   CInputGroupText,
 } from '@coreui/react/src/index'
 
-## Basic example
+## How to use React Button Group Component.
 
 Wrap a series of `<CButton>` components in `<CButtonGroup>`.
 

packages/docs/content/4.2/components/button.mdx

@@ -1,5 +1,5 @@
 ---
-title: React Buttons Component
+title: React Button Component
 name: Buttons
 description: React button component for actions in tables, forms, cards, and more. CoreUI for React.js provides various styles, states, and size. Ready to use and easy to customize.
 menu: Components
@@ -8,9 +8,9 @@ route: /components/buttons
 
 import { CButton, CCallout } from '@coreui/react/src/index'
 
-## Examples
+## How to use React Button Component.
 
-CoreUI includes a bunch of predefined buttons components, each serving its own semantic purpose. Buttons show what action will happen when the user clicks or touches it. CoreUI buttons are used to initialize operations, both in the background or foreground of an experience.
+CoreUI includes a bunch of predefined buttons components, each serving its own semantic purpose. React buttons show what action will happen when the user clicks or touches it. CoreUI buttons are used to initialize operations, both in the background or foreground of an experience.
 
 <Example>
   <CButton color="primary" disabled>
@@ -50,7 +50,7 @@ CoreUI includes a bunch of predefined buttons components, each serving its own s
 
 ## Disable text wrapping
 
-If you don't want the button text to wrap, you can add the `.text-nowrap` className to the `<CButton>`. In Sass, you can set `$btn-white-space: nowrap` to disable text wrapping for each button.
+If you don't want the react button text to wrap, you can add the `.text-nowrap` className to the `<CButton>`. In Sass, you can set `$btn-white-space: nowrap` to disable text wrapping for each button.
 
 ## Button components
 
@@ -122,7 +122,7 @@ If you need a button, but without the strong background colors. Set `variant="ou
 
 ## Ghost buttons
 
-If you need a ghost variant of button, set `variant="ghost"` prop to remove all background colors.
+If you need a ghost variant of react button, set `variant="ghost"` prop to remove all background colors.
 
 <Example>
   <CButton color="primary" variant="ghost">
@@ -169,7 +169,7 @@ If you need a ghost variant of button, set `variant="ghost"` prop to remove all
 
 ## Sizes
 
-Larger or smaller buttons? Add `size="lg"` or `size="sm"` for additional sizes.
+Larger or smaller react buttons? Add `size="lg"` or `size="sm"` for additional sizes.
 
 <Example>
   <CButton color="primary" size="lg">