fix(Button): remove margin around Buttons in docs (patternfly#1015)

redallen · Dec 6, 2018 · 4ba4af6 · 4ba4af6
1 parent 58875e9
commit 4ba4af6
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 20 deletions.
diff --git a/packages/patternfly-4/react-core/src/components/Button/Button.docs.js b/packages/patternfly-4/react-core/src/components/Button/Button.docs.js
@@ -2,7 +2,6 @@ import { Button, ButtonVariant, ButtonType } from '@patternfly/react-core';
 import VariantsExample from './examples/ButtonVariants';
 import BlockExample from './examples/BlockButton';
 import LinkExample from './examples/LinkButton';
-import getContainerProps from './examples/common/getContainerProps';
 
 export default {
   title: 'Button',
@@ -14,11 +13,10 @@ export default {
     'Object.values(ButtonType)': Object.values(ButtonType)
   },
   examples: [
-    { component: VariantsExample, getContainerProps, title: 'Button Variants' },
+    { component: VariantsExample, title: 'Button Variants' },
     { component: BlockExample, title: 'Block Button' },
     {
       component: LinkExample,
-      getContainerProps,
       title: 'Links',
       description: `Links with button styling. Semantic buttons and links are important for usability as well as accessibility. Using an "a" instead of a "button" element to perform user initiated actions should be avoided, unless absolutely necessary.`
     }

diff --git a/packages/patternfly-4/react-core/src/components/Button/examples/ButtonVariants.js b/packages/patternfly-4/react-core/src/components/Button/examples/ButtonVariants.js
@@ -6,11 +6,11 @@ class ButtonVariants extends React.Component {
   render() {
     return (
       <React.Fragment>
-        <Button variant="primary">Primary</Button>
-        <Button variant="secondary">Secondary</Button>
-        <Button variant="tertiary">Tertiary</Button>
-        <Button variant="danger">Secondary</Button>
-        <Button variant="link">Link</Button>
+        <Button variant="primary">Primary</Button>{' '}
+        <Button variant="secondary">Secondary</Button>{' '}
+        <Button variant="tertiary">Tertiary</Button>{' '}
+        <Button variant="danger">Secondary</Button>{' '}
+        <Button variant="link">Link</Button>{' '}
         <Button variant="plain" aria-label="Action">
           <TimesIcon />
         </Button>

diff --git a/packages/patternfly-4/react-core/src/components/Button/examples/LinkButton.js b/packages/patternfly-4/react-core/src/components/Button/examples/LinkButton.js
@@ -7,7 +7,7 @@ class LinkButton extends React.Component {
       <React.Fragment>
         <Button component="a" href="https://pf-next.com/" target="_blank">
           Link to Core Docs
-        </Button>
+        </Button>{' '}
         <Button component="a" isDisabled href="https://pf-next.com/" target="_blank">
           Disabled Link
         </Button>

diff --git a/packages/patternfly-4/react-core/src/components/Button/examples/common/getContainerProps.js b/packages/patternfly-4/react-core/src/components/Button/examples/common/getContainerProps.js