diff --git a/exampleSite/content/shortcodes/button.en.md b/exampleSite/content/shortcodes/button.en.md
index 0e1c89fb29..eeecc38330 100644
--- a/exampleSite/content/shortcodes/button.en.md
+++ b/exampleSite/content/shortcodes/button.en.md
@@ -52,6 +52,7 @@ Once the button is clicked, it opens another browser tab for the given URL.
| **icon** | see notes | [Font Awesome icon name]({{%relref "cont/icons#finding-an-icon" %}}) set to the left of the title. Depending on the **style** there may be a default icon. Any given value will overwrite the default.
- for severity styles: a nice matching icon for the severity
- for all other colors: _<empty>_
If you want no icon for a severity style, you have to set this parameter to `" "` (a non empty string filled with spaces) |
| **iconposition** | `left` | Places the icon to the `left` or `right` of the title. |
| _**<content>**_ | see notes | Arbitrary text for the button title. Depending on the **style** there may be a default title. Any given value will overwrite the default.
- for severity styles: the matching title for the severity
- for all other colors: _<empty>_
If you want no title for a severity style, you have to set this parameter to `" "` (a non empty string filled with spaces) |
+| **target** | _blank | The destination frame/window for the URL. |
## Examples
@@ -134,6 +135,15 @@ Once the button is clicked, it opens another browser tab for the given URL.
{{% button href="https://gohugo.io/" icon="dragon" style="warning" %}}Get Hugo{{% /button %}}
+### Target
+
+````go
+{{%/* button href="https://gohugo.io/" target="_self" %}}Get Hugo in same window{{% /button */%}}
+{{%/* button href="https://gohugo.io/" %}}Get Hugo in new Window/Frame (default){{% /button */%}}
+````
+{{% button href="https://gohugo.io/" target="_self" %}}Get Hugo in same Window/Frame{{% /button %}}
+{{% button href="https://gohugo.io/" %}}Get Hugo in new Window/Frame (default){{% /button %}}
+
### Other
#### Severity Style with all Defaults
diff --git a/layouts/partials/shortcodes/button.html b/layouts/partials/shortcodes/button.html
index a536640d91..59d826df08 100644
--- a/layouts/partials/shortcodes/button.html
+++ b/layouts/partials/shortcodes/button.html
@@ -2,6 +2,7 @@
{{- $content := .content }}
{{- $href := .href }}
{{- $style := .style | default "transparent" }}
+{{- $target := .target | default "_blank" }}
{{- $title := .title | default ($content) | default ($style | T) }}
{{- $icon := .icon | default "" }}
{{- if and (not $icon) (eq (len $icon) 0) }}
@@ -17,7 +18,7 @@
{{- $iconposition := .iconposition | default "left" }}
{{- with $context }}
-
+
{{- if and $icon (eq $iconposition "left") }}
{{- end }}
diff --git a/layouts/shortcodes/button.html b/layouts/shortcodes/button.html
index 20125fb500..b39e2c097e 100644
--- a/layouts/shortcodes/button.html
+++ b/layouts/shortcodes/button.html
@@ -7,4 +7,5 @@
"iconposition" ((.Get "iconposition") | default (.Get "icon-position"))
"style" (.Get "style")
"title" (.Get "title")
+ "target" (.Get "target")
) }}
\ No newline at end of file