Button
Arrr! ☠ Pirrrates ☠
Fello' pirrates, be awarrre some featurrres may not work fer us in this trrranslat'n. Like table of rrramblings, some Merrrmaids and stuff.
Th' button
shorrrtcode displays a click'ble button wit' adjust'ble color, title an' ay'con.
Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo
Usage
Once th' button be clicked, it opens another browser tab fer th' given URL.
{{% button href="https://gohugo.io/" ay'con="download" %}}Get Cap'n Hugo{{% /button %}}
Parameter
Name | Optional | Default | Notes |
---|---|---|---|
href | yes | <empty> | Th' destinat'n URL fer th' button. If this parameter be not set, th' button will do noth'n but be still displayed as click'ble. |
style | yes | transparent |
Th' color scheme used t' paint th' button. - by severity: info , note , tip , warning - by brand color: primary , secondary - by color: blue , green , grey , orange , red - by special color: default , transparent |
ay'con | yes | see notes | Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default. - fer severity styles: a nice match'n ay'con fer th' severity - fer all other colors: <empty> If ye want no ay'con fer a severity style, ye have t' set this parameter t' " " (a non empty str'n filled wit' spaces) |
iconposit'n | yes | left |
Places th' ay'con t' th' left or right o' th' title. |
<content> | yes | see notes | Arbitray text fer th' button title. Depend'n on th' style there may be a default title. Any given value will overwrite th' default. - fer severity styles: th' match'n title fer th' severity - fer all other colors: <empty> If ye want no title fer a severity style, ye have t' set this parameter t' " " (a non empty str'n filled wit' spaces) |
Examples
Style
by Severity
Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo
by Brand Colors
by Color
Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo