example showing the passing of props to css-constructor

Author: vikramsunilpatil

example/entry.js

@@ -2,7 +2,11 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import Hello from './hello';
 
+let color = {
+	sampleColor: 'papayawhip'
+}
+
 ReactDOM.render(
-    <Hello color='papayawhip'/>,
+    <Hello color={color} />,
     document.getElementById('container')
 );

example/hello.js

@@ -15,7 +15,7 @@ export default class Hello extends React.Component {
         text-align: center;
 
         /* Use props in your CSS */
-        color: {this.props.color};
+        color: {this.props.color.sampleColor};
 
         /* Pseudo selectors */
         &:hover {