Merge pull request #1705 from sharoonthomas/issue-562

[Card] Add example for card with footer action + plain button

UNRELEASED.md

@@ -34,6 +34,7 @@ Use [the changelog guidelines](https://git.io/polaris-changelog-guidelines) to f
 
 - Mentioned that the Contextual Save Bar is now available for embedded apps through App Bridge directly [#1721](https://github.com/Shopify/polaris-react/pull/1721)
 - Mentioned Polaris icons in the Icon component documentation ([#1693](https://github.com/Shopify/polaris-react/pull/1693))
+- Added an example to `Card` for custom action layout with a secondary action and a plain button ([#1705](https://github.com/Shopify/polaris-react/pull/1705))
 
 ### Development workflow
 

src/components/Card/README.md

@@ -324,6 +324,30 @@ When multiple secondary footer actions are provided, they will render in an acti
 </Card>
 ```
 
+### Card with custom footer actions
+
+<!-- example-for: web -->
+
+Use to present actionable content that is optional or not the primary purpose of the page.
+
+```jsx
+<Card title="Secure your account with 2-step authentication">
+  <Card.Section>
+    <Stack spacing="loose" vertical>
+      <p>
+        Two-step authentication adds an extra layer of security when logging in
+        to your account. A special code will be required each time you log in,
+        ensuring only you can access your account.
+      </p>
+      <ButtonGroup>
+        <Button>Enable two-step authentication</Button>
+        <Button plain>Learn more</Button>
+      </ButtonGroup>
+    </Stack>
+  </Card.Section>
+</Card>
+```
+
 ### Card with destructive footer action
 
 <!-- example-for: web -->