Permalink
Browse files

bug: m4d_button-sample could not find the right ID

  • Loading branch information...
MikeMitterer committed Oct 26, 2018
1 parent e299708 commit 3794493853c6dcd20ac7546dc330dda8f1d302ec
@@ -12,10 +12,14 @@
<h5 class="mdl-color-text--primary-dark">With Ripples</h5>

<div class="demo-button">Flat: <button class="mdl-button mdl-ripple-effect">Flat</button></div>
<div class="demo-button">Raised: <button class="mdl-button mdl-button--raised mdl-ripple-effect">Raised</button></div>
<div class="demo-button">Raised: <button id="with-event" class="mdl-button mdl-button--raised mdl-ripple-effect">Raised</button></div>
<div class="demo-button">FAB: <button class="mdl-button mdl-button--fab mdl-ripple-effect"><i class="material-icons">add</i></button></div>
<div class="demo-button">Icon: <button class="mdl-button mdl-button--icon mdl-ripple-effect"><i class="material-icons">create</i></button></div>

<p>
Click on "Raised"-button and check the console
</p>

<h5 class="mdl-color-text--primary-dark">.mdl-button--colored</h5>

<div class="demo-button">Flat: <button class="mdl-button mdl-button--colored">Flat</button></div>
@@ -62,13 +62,17 @@
<div class="demo-button">FAB: <button class="mdl-button mdl-button--fab"><i class="material-icons">add</i></button></div>
<div class="demo-button">Icon: <button class="mdl-button mdl-button--icon"><i class="material-icons">create</i></button></div>

<h5 class="mdl-color-text--primary-dark">With Ripples - Sarah</h5>
<h5 class="mdl-color-text--primary-dark">With Ripples</h5>

<div class="demo-button">Flat: <button class="mdl-button mdl-ripple-effect">Flat</button></div>
<div class="demo-button">Raised: <button class="mdl-button mdl-button--raised mdl-ripple-effect">Raised</button></div>
<div class="demo-button">Raised: <button id="with-event" class="mdl-button mdl-button--raised mdl-ripple-effect">Raised</button></div>
<div class="demo-button">FAB: <button class="mdl-button mdl-button--fab mdl-ripple-effect"><i class="material-icons">add</i></button></div>
<div class="demo-button">Icon: <button class="mdl-button mdl-button--icon mdl-ripple-effect"><i class="material-icons">create</i></button></div>

<p>
Click on "Raised"-button and check the console
</p>

<h5 class="mdl-color-text--primary-dark">.mdl-button--colored</h5>

<div class="demo-button">Flat: <button class="mdl-button mdl-button--colored">Flat</button></div>
@@ -26,10 +26,17 @@
<link rel="canonical" href="http://www.example.com/">
-->

<link rel="stylesheet" href="packages/mdl/assets/fonts/fonts.min.css">
<link rel="stylesheet" href="packages/mdl/assets/styles/material.min.css">

<!-- Another way for accessing the necessary font:
<link href='//fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
-->

<link rel="stylesheet" href="demo.css">
<link rel="stylesheet" href="styles.css">


<style>
div.loading { display: none; }

0 comments on commit 3794493

Please sign in to comment.