Button

The button shortcode creates a customizable clickable button using theme colors.
It adapts automatically to both light mode and dark mode, using dynamically injected CSS variables from your theme parameters.

It supports custom links, target attributes, and inner content (text, icons, emojis, etc.).

Usage

1
2
3
{{< button href="/contact" target="_blank" >}}
Contact Me
{{< /button >}}

Parameters

**Table:** Button Shortcode Parameters
Parameter	Required	Default	Description
href	No	#	URL the button links to
target	No	_self	Where the link opens (`_blank`, `_self`, etc.)
Inner content	Yes	-	Button label (supports text, emojis, inline HTML)

Examples

4. Inside Paragraph

You can also embed the button inside text:

Button

Usage

Parameters

Examples

1. Basic Button

2. Open in New Tab

3. Emoji Button

4. Inside Paragraph