The Ultimate Guide to High Availability with MariaDB

The <<button>> macro

Contents

  1. Usage examples
    1. Standard buttons
    2. Different Sizes
    3. Different colors

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>>

Click me

Links to slug

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>>

btn-large

btn-small

btn-mini

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>>

btn-primary btn-success btn-info btn-warning

btn-danger btn-inverse btn-link

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.