Buttons

You can use the {{< button >}} shortcode to add a button/call-to-action to a piece of content.

Basic usages

{{< button href="/" label="Go to the homepage" >}}
{{< button href="/" label="Go to the homepage" icon="download" >}}
{{< button href="/" label="Go to the homepage" theme="outline" >}}

Go to the homepage Go to the homepage Go to the homepage

Attributes

href: required - Enter the target, i.e., url of page you want to link to
label: required - The text that needs to be shown on the button
icon: optional - You can add an icon for extra emphasis, see the folder assets/svg/ui/ for possible icons
theme: optional - If you want to show a button with a different look-and-feel you can change the theme. Below an overview of options.
size: optional - If you want to show resize button to be a little smaller with size="small"

Theme

outline: Button
white: Button
white-simple: Button
red: Button
blue: Button
light-blue: Button
dark-blue: Button
yellow: Button

Sizes

default: Go to the homepage
small: Go to the homepage