[docs] Show an example with the data- pattern (mui#7924)

* fixes mui#7923 * Update FlatButtons.js * Update FlatButtons.js * Update FlatButtons.js
jtag05 · Aug 26, 2017 · 9add0de · 9add0de
1 parent 2b45f00
commit 9add0de
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/docs/src/pages/demos/buttons/FlatButtons.js b/docs/src/pages/demos/buttons/FlatButtons.js
@@ -12,6 +12,11 @@ const styles = theme => ({
   },
 });
 
+function doSomething(event) {
+  // eslint-disable-next-line no-console
+  console.log(event.currentTarget.getAttribute('data-something'));
+}
+
 function FlatButtons(props) {
   const classes = props.classes;
   return (
@@ -38,6 +43,9 @@ function FlatButtons(props) {
       <Button dense className={classes.button}>
         Dense
       </Button>
+      <Button className={classes.button} onClick={doSomething} data-something="here I am">
+        Does something
+      </Button>
     </div>
   );
 }