The Buttons

  
  

  
  
  ]]>

  
  
  
  
  
  
  ]]>
Disable Button 
  
  
  
  
  
  

	
  ]]>

  
  
  
  
  
  
  ]]>

  
  
  
  
  Disabled flat button
  
  ]]>

  
  
  
  
  ]]>

  
  
  
  
  ]]>

  
  
  
  
  ]]>

Dynamic experiments

Raised Fab Mini Icon Default
Ripple effect active?
None Accent Primary
Usage as component

The mdl-buttob directive can also be used as a component. But in this case you are loosing the default html button behavior.

add 
  
    add
  
  ]]>

Attributes for component mdl-button and buttons with mdl-button directive on it.

Attribute Description
disbaled disabled is a BooleanProperty - e.g. if present or value is true the button is disabled. If not present or the value is false the button is not disabled.
mdl-button-type Specifies how the button is rendered. Supported values:
  • raised
  • fab
  • mini-fab
  • icon
mdl-colored Specifies wether the botton is colored and how the button is colored.
  • if no value is provided the button has no color.
  • if accent is provided as value. The accent color is used to color the button
  • if primary is provided as value. The primary color is used to color the button
mdl-ripple mdl-ripple is a BooleanProperty - e.g. if present or value is true the ripple effect is active. If not present or the value is false the ripple effect isn't active.