Buttons¶

Material for MkDocs provides dedicated styles for primary and secondary buttons that can be added to any link.

Usage¶

To render a button, suffix it with the { .md-button } class.

[This is a button!](https://example.com){ .md-button }

Adding Primary Buttons¶

To make a primary button, simply suffix the link with { .md-button .md-button--primary }

[This is a primary button!](https://example.com){ .md-button .md-button--primary }

Adding Icons to Buttons¶

You can also use icons to buttons by using icon syntax

[Button with Icon :material-motion-outline:](https://example.com){ .md-button }