docs(Prototypes): add examples with pure-react-carousel (#3372)

docs/src/pages/Prototypes.mdx

@@ -6,23 +6,41 @@ export const meta = {
 
 <Header as='h1' content='Prototypes' textAlign='center' />
 
-<Header
-  as='h2'
-  content='Integrations'
-  subheader='Examples of integrations with other libraries'
-/>
+<Header as='h2' content='Integrations' subheader='Examples of integrations with other libraries' />
 
 <Card.Group stackable itemsPerRow='2'>
+  <Card>
+    <Image src='/images/prototypes/pure-react-carousel.png' />
+    <Card.Content>
+      <Card.Header>pure-react-carousel</Card.Header>
+      <Card.Description>Carousel examples powered by pure-react-carousel.</Card.Description>
+    </Card.Content>
+    <Card.Content extra>
+      <Button.Group fluid size='small' vertical>
+        <Button
+          content='Try on CodeSandbox'
+          href='https://codesandbox.io/s/43pv7wm6n9'
+          icon='codepen'
+          target='_blank'
+        />
+        <Button
+          color='black'
+          content='Source on Github'
+          href='https://github.com/layershifter/semantic-ui-react-with-pure-react-carousel'
+          icon='github'
+          target='_blank'
+        />
+      </Button.Group>
+    </Card.Content>
+  </Card>
   <Card>
     <Image src='/images/prototypes/redux-form.png' />
     <Card.Content>
       <Card.Header>redux-form</Card.Header>
-      <Card.Description>
-        An example of fully working form powered by redux-form.
-      </Card.Description>
+      <Card.Description>An example of fully working form powered by redux-form.</Card.Description>
     </Card.Content>
     <Card.Content extra>
-      <Button.Group size='small' widths={2}>
+      <Button.Group fluid size='small' vertical>
         <Button
           content='Try on CodeSandbox'
           href='https://codesandbox.io/s/jn0w4mxm5'