docs(Button): add example for Button.Group

docs/app/Examples/elements/Button/GroupVariations/ButtonExampleGroupFloated.js

@@ -0,0 +1,19 @@
+import React from 'react'
+import { Button } from 'semantic-ui-react'
+
+const ButtonExampleGroupFloated = () => (
+  <div>
+    <Button.Group floated='left'>
+      <Button>One</Button>
+      <Button>Two</Button>
+      <Button>Three</Button>
+    </Button.Group>
+    <Button.Group floated='right'>
+      <Button>One</Button>
+      <Button>Two</Button>
+      <Button>Three</Button>
+    </Button.Group>
+  </div>
+)
+
+export default ButtonExampleGroupFloated

docs/app/Examples/elements/Button/GroupVariations/index.js

@@ -4,6 +4,11 @@ import ExampleSection from 'docs/app/Components/ComponentDoc/ExampleSection'
 
 const ButtonGroupVariationsExamples = () => (
   <ExampleSection title='Group Variations'>
+    <ComponentExample
+      title='Floated Group'
+      description='Groups can be aligned to the left or right of its container.'
+      examplePath='elements/Button/GroupVariations/ButtonExampleGroupFloated'
+    />
     <ComponentExample
       title='Vertical Group'
       description='Groups can be formatted to appear vertically.'