mirror of
https://github.com/imfing/hextra.git
synced 2025-11-04 00:14:54 -05:00
26 lines
1001 B
HTML
26 lines
1001 B
HTML
{{- /*
|
|
A shortcode for rendering a button with a link.
|
|
|
|
@param {string} link The link of the button.
|
|
@param {string} text The text of the button.
|
|
@param {string} style The style of the button.
|
|
|
|
@example {{< hextra/hero-button text="Get Started" link="docs" >}}
|
|
*/ -}}
|
|
|
|
{{- $link := .Get "link" -}}
|
|
{{- $text := .Get "text" -}}
|
|
{{- $style := .Get "style" -}}
|
|
|
|
{{- $external := hasPrefix $link "http" -}}
|
|
{{- $href := cond (hasPrefix $link "/") ($link | relURL) $link -}}
|
|
|
|
<a
|
|
href="{{ $href }}"
|
|
class="not-prose hx:font-medium hx:cursor-pointer hx:px-6 hx:py-3 hx:rounded-full hx:text-center hx:text-white hx:inline-block hx:bg-primary-600 hx:hover:bg-primary-700 hx:focus:outline-hidden hx:focus:ring-4 hx:focus:ring-primary-300 hx:dark:bg-primary-600 hx:dark:hover:bg-primary-700 hx:dark:focus:ring-primary-800 hx:transition-all hx:ease-in hx:duration-200"
|
|
{{ with $style }}style="{{ . | safeCSS }}"{{ end }}
|
|
{{ if $external }}target="_blank" rel="noreferrer"{{ end -}}
|
|
>
|
|
{{- $text -}}
|
|
</a>
|