Buttons Setup

Adding button classes to links requires the attr_list and md_in_html markdown extensions. Add them to the markdown_extensions configuration in mkdocs.yml:

markdown_extensions:
  - attr_list
  - md_in_html

Examples

Default

Default

[Default](buttons.md#default){ .btn .btn-default }

Primary

Primary Button

[Primary Button](buttons.md#primary){ .btn .btn-primary } 

Error

Error Button

[Error Button](buttons.md#error){ .btn .btn-error } 

Ghost Default

Ghost Default

[Ghost Default](buttons.md#ghost-default){ .btn .btn-default .btn-ghost }  

Ghost Primary

Ghost Primary Button

[Ghost Primary Button](buttons.md#ghost-primary){ .btn .btn-primary .btn-ghost } 

Ghost Error

Ghost Error Button

[Ghost Error Button](buttons.md#ghost-error){ .btn .btn-error .btn-ghost }  

Block Level

Block Level Button

[Block Level Button](buttons.md#block-level){ .btn .btn-primary .btn-block }

Group

Left Middle Right

<div class="btn-group" markdown>
[Left](buttons.md){ .btn .btn-ghost }
[Middle](buttons.md){ .btn .btn-ghost }
[Right](buttons.md){ .btn .btn-ghost }  
</div>