Update component examples

docs/docs/components/Radio.mdx

@@ -46,6 +46,7 @@ import { Radio } from 'react-loader-spinner'
 />
 
 ## More Example
+
 ---
 
 <Radio colors={['#8C5E58', '#2B061E', '#361134']} />

docs/docs/components/audio.mdx

@@ -8,7 +8,6 @@ import { Audio } from 'react-loader-spinner'
 
 # Audio
 
-
 <LiveProvider
   code={`
   render(<Audio

docs/docs/components/bars.mdx

@@ -7,6 +7,7 @@ import { getPropsTableData } from '../../src/components/helpers'
 import { Bars } from 'react-loader-spinner'
 
 # Bars
+
 <LiveProvider
   code={`
   render(<Bars
@@ -28,7 +29,6 @@ import { Bars } from 'react-loader-spinner'
   <LiveError />
 </LiveProvider>
 
-
 ---
 
 ## Props

docs/docs/components/blocks.mdx

@@ -28,7 +28,6 @@ import { Blocks } from 'react-loader-spinner'
   <LiveEditor />
   <LiveError />
 </LiveProvider>
----
-## Props
+--- ## Props
 
 <PropsTable properties={[...getPropsTableData('blocks', ['colors'])]} />

docs/docs/components/circles-with-bar.mdx

@@ -7,7 +7,6 @@ import { CirclesWithBar } from 'react-loader-spinner'
 
 # Circles With Bar
 
-
 <LiveProvider
   code={`
   render(<CirclesWithBar

docs/docs/components/color-ring.mdx

@@ -30,6 +30,7 @@ import { ColorRing } from 'react-loader-spinner'
 </LiveProvider>
 
 ---
+
 ## Props
 
 <PropsTable
@@ -51,7 +52,9 @@ import { ColorRing } from 'react-loader-spinner'
 />
 
 ## More example:
+
 ---
+
 <ColorRing
   visible={true}
   height="80"

docs/docs/components/discuss.mdx

@@ -4,7 +4,7 @@
 import PropsTable from '../../src/components/props-table'
 import { LiveProvider, LiveEditor, LiveError, LivePreview } from 'react-live'
 import { getPropsTableData } from '../../src/components/helpers'
-import {Discuss} from 'react-loader-spinner'
+import { Discuss } from 'react-loader-spinner'
 
 # Discuss
 
@@ -31,6 +31,7 @@ import {Discuss} from 'react-loader-spinner'
 </LiveProvider>
 
 ---
+
 ## Props
 
 <PropsTable

docs/docs/components/falling-lines.mdx

@@ -26,6 +26,7 @@ import { FallingLines } from 'react-loader-spinner'
 </LiveProvider>
 
 ---
+
 ## Props
 
 <PropsTable

docs/docs/components/fidget-spinner.mdx

@@ -50,5 +50,7 @@ import { FidgetSpinner } from 'react-loader-spinner'
 />
 
 ## More Example
+
 ---
+
 <FidgetSpinner />

docs/docs/components/hourglass.mdx

@@ -32,4 +32,5 @@ import { Hourglass } from 'react-loader-spinner'
 ---
 
 ## Props
+
 <PropsTable properties={[...getPropsTableData('hourglass', ['color'])]} />

docs/docs/components/infinity-spin.mdx

@@ -26,6 +26,7 @@ import { InfinitySpin } from 'react-loader-spinner'
 </LiveProvider>
 
 ---
+
 ## Props
 
 <PropsTable
@@ -45,4 +46,3 @@ import { InfinitySpin } from 'react-loader-spinner'
     },
   ]}
 />
-

docs/docs/components/line-wave.mdx

@@ -106,6 +106,7 @@ import { LineWave } from 'react-loader-spinner'
 />{' '}
 
 ## More Examples:
+
 ---
 
 <LineWave color="red" firstLineColor="green" />

docs/docs/components/oval.mdx

@@ -29,6 +29,7 @@ import { Oval } from 'react-loader-spinner'
 </LiveProvider>
 
 ---
+
 ## Props
 
 <PropsTable
@@ -100,7 +101,9 @@ import { Oval } from 'react-loader-spinner'
 />{' '}
 
 ## More examples
+
 ---
+
 <Oval
   ariaLabel="loading-indicator"
   height={100}

docs/docs/components/revolving-dot.mdx

@@ -28,10 +28,12 @@ import { RevolvingDot } from 'react-loader-spinner'
   <LiveError />
 </LiveProvider>
 
-
 ---
+
 > This spinner is not supported by Safari. [See](https://github.com/mhnpd/react-loader-spinner/issues/150)
+
 ---
+
 ## Props
 
 <PropsTable

docs/docs/components/rings.mdx

@@ -31,6 +31,7 @@ import { Rings } from 'react-loader-spinner'
 > This spinner is not supported by Safari. [See](https://github.com/mhnpd/react-loader-spinner/issues/150)
 
 ---
+
 ## Props
 
 <PropsTable

docs/docs/components/rotating-square.mdx

@@ -29,6 +29,7 @@ import { RotatingSquare } from 'react-loader-spinner'
 </LiveProvider>
 
 ---
+
 ## Props
 
 <PropsTable
@@ -87,6 +88,7 @@ import { RotatingSquare } from 'react-loader-spinner'
 />
 
 ## More examples
+
 <RotatingSquare
   ariaLabel="rotating-square"
   visible={true}

docs/docs/components/rotating-triangle.mdx

@@ -28,8 +28,7 @@ import { RotatingTriangles } from 'react-loader-spinner'
   <LiveEditor />
   <LiveError />
 </LiveProvider>
----
-## Props
+--- ## Props
 
 <PropsTable
   properties={[
@@ -44,6 +43,7 @@ import { RotatingTriangles } from 'react-loader-spinner'
 />
 
 ## More Example
+
 ---
 
 <RotatingTriangles colors={['#8C5E58', '#2B061E', '#361134']} />

docs/docs/components/tail-spin.mdx

@@ -30,6 +30,7 @@ import { TailSpin } from 'react-loader-spinner'
 </LiveProvider>
 
 ---
+
 ## Props
 
 <PropsTable

docs/docs/components/three-circles.mdx

@@ -29,6 +29,7 @@ import { ThreeCircles } from 'react-loader-spinner'
 </LiveProvider>
 
 ---
+
 ## Props
 
 <PropsTable

docs/docs/components/three-dots.mdx

@@ -30,6 +30,7 @@ import { ThreeDots } from 'react-loader-spinner'
 </LiveProvider>
 
 ---
+
 ## Props
 
 <PropsTable

docs/docs/components/triangle.mdx

@@ -29,6 +29,7 @@ import { Triangle } from 'react-loader-spinner'
 </LiveProvider>
 
 ---
+
 ## Props
 
 <PropsTable

docs/docs/components/vortex.mdx

@@ -30,6 +30,7 @@ import { Vortex } from 'react-loader-spinner'
 </LiveProvider>
 
 ---
+
 ## Props
 
 <PropsTable

docs/docs/components/watch.mdx

@@ -30,6 +30,7 @@ import { Watch } from 'react-loader-spinner'
 </LiveProvider>
 
 ---
+
 ## Props
 
 <PropsTable