improve css-custom-config example

lucleray · Nov 5, 2018 · 7964187 · 7964187
1 parent 8307f0f
commit 7964187
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/examples/css-custom-config/other-components/button.js b/examples/css-custom-config/other-components/button.js
@@ -1 +1,3 @@
-export default () => <div className="button-blue">Blue button</div>
+export default ({ children }) => (
+  <button className="blue-button">{children}</button>
+)
diff --git a/examples/css-custom-config/pages/index.js b/examples/css-custom-config/pages/index.js
@@ -1,3 +1,9 @@
 import '../style.css'
+import BlueButton from '../other-components/button'
 
-export default () => <div className="example">Hello World!</div>
+export default () => (
+  <div>
+    <div className="example">Hello World!</div>
+    <BlueButton>Click me</BlueButton>
+  </div>
+)
diff --git a/examples/css-custom-config/style.css b/examples/css-custom-config/style.css
@@ -2,7 +2,7 @@
   font-size: 50px;
 }
 
-.button-blue {
+.blue-button {
   color: blue;
 }