The <<button>> macro

You are viewing an old version of this article. View the current version here.

The button macro provides a way to place clickable buttons in articles. Buttons are better than regular links for some things. Buttons can be different sizes, colors, and can link to both internal and external resources.

Usage examples

Standard buttons

<<style class="centered">>
<<button target="http://google.com">>Click me<</button>>

<<button target="mariadb">>Links to slug<</button>>
<</style>>

Different Sizes

<<style class="centered">>
<<button target="mariadb" class="btn-large">>btn-large<</button>>

<<button target="mariadb" class="btn-small">>btn-small<</button>>

<<button target="mariadb" class="btn-mini">>btn-mini<</button>>
<</style>>

Different colors

<<style class="centered">>
<<button target="mariadb" class="btn-small btn-primary">>btn-primary<</button>>
<<button target="mariadb" class="btn-small btn-success">>btn-success<</button>>
<<button target="mariadb" class="btn-small btn-info">>btn-info<</button>>
<<button target="mariadb" class="btn-small btn-warning">>btn-warning<</button>>\\\\
<<button target="mariadb" class="btn-small btn-danger">>btn-danger<</button>>
<<button target="mariadb" class="btn-small btn-inverse">>btn-inverse<</button>>
<<button target="mariadb" class="btn-small btn-link">>btn-link<</button>>
<</style>>

Note: A btn-link button behaves like a button (larger clickable target area around the text) but looks like a link.

Comments

Comments loading...
Content reproduced on this site is the property of its respective owners, and this content is not reviewed in advance by MariaDB. The views, information and opinions expressed by this content do not necessarily represent those of MariaDB or any other party.