Hugo Geekdoc Example
GitHub Toggle Dark/Light/Auto mode Toggle Dark/Light/Auto mode Toggle Dark/Light/Auto mode Back to homepage

Buttons

Buttons are styled links that can lead to local page or external link.

Usage

{{< button relref="/" [class="...", size="large|regular"] >}}Get Home{{< /button >}}
{{< button href="https://github.com/thegeeklab/hugo-geekdoc" >}}Contribute{{< /button >}}

Attributes

class optional list
List of space-separated CSS class names to apply.
Default: none
href optional string
The URL to use as target of the button.
Default: none
relref optional string
Executes the relref Hugo function to resolve the relative permalink of the specified page. The result is set as the target of the button.
Default: none
size optional string
Preset of different button sizes. Supported values are regular|large.
Default: none

Example

Get Home Contribute