Merge pull request #75 from sandstreamdev/add_footer_to_example

Add footer to example

Author: Marek Rozmus

README.md

@@ -17,7 +17,7 @@
 [![Greenkeeper badge](https://badges.greenkeeper.io/sandstreamdev/react-swipeable-list.svg)](https://greenkeeper.io/)
 [![codecov](https://codecov.io/gh/sandstreamdev/react-swipeable-list/branch/master/graph/badge.svg)](https://codecov.io/gh/sandstreamdev/react-swipeable-list)
 ![GitHub Release Date](https://img.shields.io/github/release-date/sandstreamdev/react-swipeable-list)
-[![All Contributors](https://img.shields.io/badge/all_contributors-7-orange.svg?style=flat-square)](#contributors)
+[![All Contributors](https://img.shields.io/badge/all_contributors-9-orange.svg?style=flat-square)](#contributors)
 
 ## React Swipeable List component
 
@@ -59,8 +59,6 @@ import '@sandstreamdev/react-swipeable-list/dist/styles.css';
 </SwipeableList>
 ```
 
-NOTE: `SwipeableListItem` can be used without `SwipeableList` but swipe blocking on scroll needs to be handled.
-
 ## SwipeableList Props
 
 ### scrollStartThreshold

examples/src/App.js

@@ -188,7 +188,6 @@ function App() {
           </SwipeableListItem>
         </SwipeableList>
       </div>
-      <div>THE END</div>
     </div>
   );
 }

examples/src/app.module.css

@@ -12,6 +12,42 @@ h5 {
   margin: 0;
 }
 
+body {
+  /* stylelint-disable */
+  font-family:
+    system,
+    -apple-system,
+    '.SFNSText-Regular',
+    'San Francisco',
+    'Roboto',
+    'Segoe UI',
+    'Helvetica Neue',
+    'Lucida Grande',
+    sans-serif;
+  /* stylelint-enable */
+}
+
+footer {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 56px 0;
+}
+
+a {
+  text-decoration: none;
+}
+
+footer a,
+footer a:visited {
+  color: #0275d8;
+}
+
+footer a:hover {
+  color: #0275d8;
+  text-decoration: underline;
+}
+
 .testApp {
   display: flex;
   flex-direction: column;

examples/src/index.js

@@ -11,6 +11,26 @@ ReactDOM.render(
         <App />
       </div>
     </div>
+    <footer>
+      <span>
+        {`Made with ❤️ by `}
+        <a href="https://sandstream.pl/">Sandstream Development</a>
+      </span>
+      <div>
+        <span>
+          <a href="https://github.com/sandstreamdev/react-swipeable-list">
+            GitHub
+          </a>
+        </span>
+        {` • `}
+        <span>
+          {`License: `}
+          <a href="https://github.com/sandstreamdev/react-swipeable-list/blob/master/LICENSE">
+            MIT
+          </a>
+        </span>
+      </div>
+    </footer>
   </div>,
   document.getElementById('root')
 );