Button

The mdcButton directive creates a material designed button.

Buttons & Anchors Demo

Buttons:

Anchors:

DefaultDensefavorite Icon

API

Directive: MdcButtonIconDirective

Selector: mdcButtonIcon

Use this directive for adding an icon to an mdcButton. This directive can be added to font-style icons (such as material icons from Google fonts), or with svg elements for svg based icons.

Directive: MdcButtonDirective

Selector: button[mdcButton] a[mdcButton]

Material design button. Anchors can also be styled as buttons with this directive. Defaults to a button that is flushed with the surface. Use the input modifiers to alter the styling, or create your own style based on the provided sass-mixins.

PropertyDescription
@Input()
raised
any

When this input is defined and does not have value false, the button will be elevated upon the surface.

@Input()
outlined
any

When this input is defined and does not have value false, the button will be styled flush with the surface and have a visible border.

@Input()
unelevated
any

Set this property to a non false value for a contained button flush with the surface.

@Input()
dense
any

When this input is defined and does not have value false, the button text is compressed to make it slightly smaller.