diff options
Diffstat (limited to 'exampleSite/content/shortcodes/buttons.md')
-rw-r--r-- | exampleSite/content/shortcodes/buttons.md | 24 |
1 files changed, 12 insertions, 12 deletions
diff --git a/exampleSite/content/shortcodes/buttons.md b/exampleSite/content/shortcodes/buttons.md index 5d3a462..a539f5c 100644 --- a/exampleSite/content/shortcodes/buttons.md +++ b/exampleSite/content/shortcodes/buttons.md @@ -4,7 +4,7 @@ description = "" weight = 2 +++ -The button shortcode allows you to add a button to the page. This button is a HTML *anchor* element and can thus be used to link to another page or website. +The button shortcode allows you to add a button to the page. This button is a HTML *anchor* element and can thus be used to link to another page or website. {{< button style="primary" >}} Button {{< /button >}} {{< button style="secondary" >}} Button {{< /button >}} @@ -16,23 +16,23 @@ The button shortcode allows you to add a button to the page. This button is a HT ## Usage Place the following shortcode on the page -{{< code lang="html" >}} +{{< code lang="html" >}} {{</* button style="STYLE" link="https://yourwebsite.com" */>}} [content] {{</* /button */>}} {{< /code >}} ### Parameters #### *style* -The style parameter is directly applied to the alert as a class in the format *"btn-{STYLE}"*. Bootstrap comes with a variety of styles that can be used with this: -- primary -- secondary -- danger -- warning -- success -- info +The style parameter is directly applied to the alert as a class in the format *"btn-{STYLE}"*. Bootstrap comes with a variety of styles that can be used with this: +- primary +- secondary +- danger +- warning +- success +- info -Each style can also be presented as an 'outline' variant by prefixing the style with 'outline-'. +Each style can also be presented as an 'outline' variant by prefixing the style with 'outline-'. Example: <code>style="outline-primary"</code>. #### *link* -The link parameter may consist of an URL leading to a page or other website. Simply use it by defining a URL for the button to link to. -Example: <code>link="https://google.com"</code>.
\ No newline at end of file +The link parameter may consist of an URL leading to a page or other website. Simply use it by defining a URL for the button to link to. +Example: <code>link="https://google.com"</code>. |