MDL Buttons

Variations on Material Design buttons.

The origin MDL documentation is available at Buttons

In FlexJS Button component represents all types of buttons from original MDL library.

Documentation

---

• Button:

  • <mdl:Button />

  • Properties:

    • fab (Boolean)
      Applies fab (circular) display effect
    • raised (Boolean) Applies raised display effect
    • minifab (Boolean)
      Applies mini-fab (small fab circular) display effect
    • minifab (Boolean)
      Applies mini-fab (small fab circular) display effect
    • icon (Boolean)
      Applies icon (small plain circular) display effect
    • colored (Boolean)
      Applies colored display effect (primary or accent color, depending on the type of button)
    • primary (Boolean)
      Applies primary color display effect
    • accent (Boolean)
      Applies accent color display effect
    • ripple (Boolean)
      Applies ripple click effect
    • materialIcon (IMaterialIcon)
      A material icon to use with the button

Snippets

Colored FAB button

<mdl:Button text="Colored FAB button" fab="true" colored="true"/>

FAB button with ripple

<mdl:Button text="FAB button with ripple" fab="true" ripple="true"/>

Examples

To be continued...

Live Demo