feat(Card): Card released

wfp · Mar 6, 2019 · cb0e025 · cb0e025
1 parent 22ca498
commit cb0e025
Show file tree

Hide file tree

Showing 4 changed files with 39 additions and 6 deletions.
diff --git a/src/components/Card/Card-story.js b/src/components/Card/Card-story.js
@@ -57,7 +57,7 @@ storiesOf('Card', module)
   .addDecorator(withKnobs)
   .addParameters({ jest: ['Card-test'] })
   .addDecorator(story => <div style={{ width: '100%' }}>{story()}</div>)
-  .add('Default', () => {
+  .add('Default (Draft)', () => {
     const setProps = props.set();
     return <Card {...setProps} more={buttons[setProps.moreButton]} />;
   });
diff --git a/src/components/Modal/Modal.js b/src/components/Modal/Modal.js
@@ -332,11 +332,13 @@ export default class Modal extends Component {
         {!passiveModal && (
           <div className={`${prefix}--modal-footer`}>
             <div className={`${prefix}--modal__buttons-container`}>
-              <Button
-                kind={danger ? 'tertiary' : 'secondary'}
-                onClick={onSecondaryButtonClick}>
-                {secondaryButtonText}
-              </Button>
+              {secondaryButtonText && (
+                <Button
+                  kind={danger ? 'tertiary' : 'secondary'}
+                  onClick={onSecondaryButtonClick}>
+                  {secondaryButtonText}
+                </Button>
+              )}
               <Button
                 kind={danger ? 'danger--primary' : 'primary'}
                 disabled={primaryButtonDisabled}

diff --git a/src/components/Module/Module-story.js b/src/components/Module/Module-story.js
@@ -43,6 +43,36 @@ storiesOf('Module', module)
       </Module>
     )
   )
+  .add(
+    'Multiple Headers',
+    /*`
+      Modules are used to organize content in a structural manner.
+
+      Modules are separated into different components. Module components can be
+      'single' or 'double' with the default as 'double'.
+
+      ModuleHeader and ModuleBody components hold the content of the
+      Module
+    `,*/
+    () => (
+      <Module className="some-class">
+        <ModuleHeader>Module Example</ModuleHeader>
+        <ModuleBody>
+          <p>
+            It has survived not only five centuries, but also the leap into
+            electronic typesetting, remaining essentially unchanged.
+          </p>
+        </ModuleBody>
+        <ModuleHeader>Module Example</ModuleHeader>
+        <ModuleBody>
+          <p>
+            It has survived not only five centuries, but also the leap into
+            electronic typesetting, remaining essentially unchanged.
+          </p>
+        </ModuleBody>
+      </Module>
+    )
+  )
   .add(
     'No Header',
     /*`

diff --git a/src/index.js b/src/index.js
@@ -9,6 +9,7 @@ export BreadcrumbItem from './components/BreadcrumbItem';
 export BreadcrumbHome from './components/BreadcrumbHome';
 export Button from './components/Button';
 
+export Card from './components/Card';
 export Checkbox from './components/Checkbox';
 export Credits from './components/Credits';