Adding comments for each snippets.
parent
36f78beaba
commit
622eda790d
|
@ -1 +1,2 @@
|
|||
<!-- Icon badge on icon -->
|
||||
<div class="icon material-icons mdl-badge" data-badge="♥">mood</div>
|
||||
|
|
|
@ -1 +1,2 @@
|
|||
<!-- Number badge on icon -->
|
||||
<div class="icon material-icons mdl-badge" data-badge="1">note_add</div>
|
||||
|
|
|
@ -1 +1,2 @@
|
|||
<!-- Icon badge -->
|
||||
<div class="mdl-badge" data-badge="♥">Mood</div>
|
||||
|
|
|
@ -1 +1,2 @@
|
|||
<!-- Number badge -->
|
||||
<div class="mdl-badge" data-badge="4">Inbox</div>
|
||||
|
|
|
@ -1,3 +1,4 @@
|
|||
<!-- Event card -->
|
||||
<style>
|
||||
.demo-card-event {
|
||||
width: 256px;
|
||||
|
|
|
@ -1,3 +1,4 @@
|
|||
<!-- Image card -->
|
||||
<style>
|
||||
.demo-card-image {
|
||||
width: 256px;
|
||||
|
|
|
@ -1,3 +1,4 @@
|
|||
<!-- Square card -->
|
||||
<style>
|
||||
.demo-card-square {
|
||||
width: 320px;
|
||||
|
|
|
@ -1,3 +1,4 @@
|
|||
<!-- Wide card with share menu button -->
|
||||
<style>
|
||||
.demo-card-wide {
|
||||
width: 512px;
|
||||
|
|
|
@ -1,3 +1,4 @@
|
|||
<!-- Left aligned menu below button -->
|
||||
<button id="demo-menu-lower-left"
|
||||
class="mdl-button mdl-js-button mdl-button--icon">
|
||||
<i class="material-icons">more_vert</i>
|
||||
|
|
|
@ -1,3 +1,4 @@
|
|||
<!-- Right aligned menu below button -->
|
||||
<button id="demo-menu-lower-right"
|
||||
class="mdl-button mdl-js-button mdl-button--icon">
|
||||
<i class="material-icons">more_vert</i>
|
||||
|
|
|
@ -1,3 +1,4 @@
|
|||
<!-- Left aligned menu on top of button -->
|
||||
<button id="demo-menu-top-left"
|
||||
class="mdl-button mdl-js-button mdl-button--icon">
|
||||
<i class="material-icons">more_vert</i>
|
||||
|
|
|
@ -1,3 +1,4 @@
|
|||
<!-- LeRightft aligned menu on top of button -->
|
||||
<button id="demo-menu-top-right"
|
||||
class="mdl-button mdl-js-button mdl-button--icon">
|
||||
<i class="material-icons">more_vert</i>
|
||||
|
|
Loading…
Reference in New Issue