DocPort Documentation

button

Jump to Section

Display an actionable button in your page.

Usage

Parameter Default Description
href "” The location href to link to
ref "” The reference of a page to link to
align “center” horizontal align button on page
theme primary default, primary , success,info,warning,danger

The inner text you place in short code will be displayed as the button text

Demo

	{{< button href="https://google.com" >}} go to google {{< /button >}}
	{{< button href="https://google.com" theme="success" >}} Success {{< /button >}}
	{{< button href="https://google.com" theme="info" >}} Info {{< /button >}}
	{{< button href="https://google.com" theme="warning" >}} Warning {{< /button >}}
	{{< button href="https://google.com" theme="danger" >}} Danger ! {{< /button >}}
	{{< button href="https://google.com" theme="dark" >}} Dark ! {{< /button >}}
	{{< button href="https://google.com" theme="light" >}} Light ! {{< /button >}}
	{{< button ref="columns" theme="secondary" >}} See page **columns**{{</button>}}