docs: update documentation

Author: mrholek

src/components/card/CCard.mdx

@@ -639,7 +639,7 @@ Use the `CRow` component and set `xs|sm|md|lg|xl|xxl}={{ cols: * }}` property to
   </CRow>
 </Playground>
 
-Change it to `md={{ cols: 3}` and you'll see the fourth card wrap.
+Change it to `md={{ cols: 3}}` and you'll see the fourth card wrap.
 
 <Playground>
   <CRow xs={{ cols: 1, gutter: 4}} md={{ cols: 3 }}>

src/components/dropdown/CDropdown.mdx

@@ -10,6 +10,7 @@ import { Playground, Props } from 'docz'
 import { CCallout } from '../callout/CCallout'
 
 import { CButton } from '../button/CButton.tsx'
+import { CButtonGroup } from '../button-group/CButtonGroup.tsx'
 import { CDropdown } from './CDropdown.tsx'
 import { CDropdownDivider } from './CDropdownDivider.tsx'
 import { CDropdownHeader } from './CDropdownHeader.tsx'
@@ -286,17 +287,19 @@ Trigger dropdown menus at the left of the elements by adding `direction="dropsta
     </CDropdownMenu>
   </CDropdown>
 
-  <CDropdown variant="btn-group" direction="dropstart">
-    <CDropdownToggle color="secondary" split/>
+  <CButtonGroup>
+    <CDropdown variant="btn-group" direction="dropstart">
+      <CDropdownToggle color="secondary" split/>
+      <CDropdownMenu>
+        <CDropdownItem href="#">Action</CDropdownItem>
+        <CDropdownItem href="#">Another action</CDropdownItem>
+        <CDropdownItem href="#">Something else here</CDropdownItem>
+        <CDropdownDivider/>
+        <CDropdownItem href="#">Separated link</CDropdownItem>
+      </CDropdownMenu>
+    </CDropdown>
     <CButton color="secondary" >Small split button</CButton>
-    <CDropdownMenu>
-      <CDropdownItem href="#">Action</CDropdownItem>
-      <CDropdownItem href="#">Another action</CDropdownItem>
-      <CDropdownItem href="#">Something else here</CDropdownItem>
-      <CDropdownDivider/>
-      <CDropdownItem href="#">Separated link</CDropdownItem>
-    </CDropdownMenu>
-  </CDropdown>
+  </CButtonGroup>
 </Playground>
 
 ## Menu items

src/components/form/CInputGroup.mdx

@@ -178,7 +178,7 @@ Multiple add-ons are supported and can be mixed with checkbox and radio input ve
 
 <Playground>
 <CInputGroup className="mb-3">
-  <CDropdown>
+  <CDropdown variant="input-group"> 
     <CDropdownToggle color="secondary" variant="outline">Dropdown</CDropdownToggle>
     <CDropdownMenu>
       <CDropdownItem href="#">Action</CDropdownItem>
@@ -193,7 +193,7 @@ Multiple add-ons are supported and can be mixed with checkbox and radio input ve
 
 <CInputGroup className="mb-3">
   <CFormControl aria-label="Text input with dropdown button"/>
-  <CDropdown alignment="end">
+  <CDropdown alignment="end" variant="input-group">
     <CDropdownToggle color="secondary" variant="outline">Dropdown</CDropdownToggle>
     <CDropdownMenu>
       <CDropdownItem href="#">Action</CDropdownItem>
@@ -206,7 +206,7 @@ Multiple add-ons are supported and can be mixed with checkbox and radio input ve
 </CInputGroup>
 
 <CInputGroup>
-  <CDropdown>
+  <CDropdown variant="input-group">
     <CDropdownToggle color="secondary" variant="outline">Dropdown</CDropdownToggle>
     <CDropdownMenu>
       <CDropdownItem href="#">Action</CDropdownItem>
@@ -217,7 +217,7 @@ Multiple add-ons are supported and can be mixed with checkbox and radio input ve
     </CDropdownMenu>
   </CDropdown>
   <CFormControl aria-label="Text input with 2 dropdown buttons"/>
-  <CDropdown alignment="end">
+  <CDropdown alignment="end" variant="input-group">
     <CDropdownToggle color="secondary" variant="outline">Dropdown</CDropdownToggle>
     <CDropdownMenu>
       <CDropdownItem href="#">Action</CDropdownItem>
@@ -234,7 +234,7 @@ Multiple add-ons are supported and can be mixed with checkbox and radio input ve
 
 <Playground>
 <CInputGroup className="mb-3">
-  <CDropdown>
+  <CDropdown variant="input-group">
     <CButton type="button" color="secondary" variant="outline">Action</CButton>
     <CDropdownToggle color="secondary" variant="outline" split/>
     <CDropdownMenu>
@@ -250,7 +250,7 @@ Multiple add-ons are supported and can be mixed with checkbox and radio input ve
 
 <CInputGroup>
   <CFormControl aria-label="Text input with segmented dropdown button"/>
-  <CDropdown alignment="end">
+  <CDropdown alignment="end" variant="input-group">
     <CButton type="button" color="secondary" variant="outline">Action</CButton>
     <CDropdownToggle color="secondary" variant="outline" split/>
     <CDropdownMenu>