Angular Material - Card with actions in angular material - Angular Material Tutorial



Card with actions in angular material

If you want your card to include buttons, use the md-card-actions directive. Buttons can also be formatted differently for icon-only buttons. Search for icons at here if you're using Google's Material Icons.

<md-card>
    <!--header-->
    <md-card-content>
        <p>
        Your content goes here!
        </p>
    </md-card-content>
    <md-card-actions>
        <md-button>Save</md-button>
        <md-button>Cancel</md-button>
        <md-card-icon-actions>
          <md-button aria-label="icon" class="md-icon-button">
                <md-icon>help</md-icon>
          </md-button>
        </md-card-icon-actions>
    </md-card-actions>
</md-card>
Clicking "Copy Code" button will copy the code into the clipboard - memory. Please paste(Ctrl+V) it in your destination. The code will get pasted. Happy coding from Wikitechy angular material tutorial , angular 4 material , angular material2 , angular material example team

This angular material provides most of the technology areas such as angular material example , angular material download , angular material design template , angular material vs bootstrap , angular material for angular 2 , what is angular material , angular material demo , angular material2 , angular material demo , angular 4 material , angular material npm , angular material tutorial , angular material cdn , angular material vs bootstrap


Related Searches to Card with actions in angular material