Card

Last Edit: 2026-06-09

Render a card component.

Creates a card. Parameters can be passed directly or from a variable. All values are optional.

ParameterDescription
titleCard title.
iconIcon to put next to title.
descriptionCard body text.
urlButton with link in card footer.
urltextButton text for url, text is “View” by default.
urllistURL list for multiple buttons in card footer.

Usage

Partial

{{ partial "card" (dict 
  "title" "Example Card"
  "icon" "globe"
  "description" "Example card with example text."
  "url" "./"
  "urllist" ""
  "urltext" "Vist Example"
) }}

Shortcode

{{< card title="Example Card" icon="globe" description="Example card with example text." url="./" urllist="" urltext="Vist Example" >}}

Example

{{ $cardProps := dict 
  "title" "Example Card"
  "icon" "globe"
  "description" "Example card with example text."
  "url" "./"
  "urllist" ""
  "urltext" "Vist Example"
}}

{{ partial "card" $cardProps }}
{{< card title="Example Card" icon="globe" description="Example card with example text." url="./" urllist="" urltext="Vist Example" >}}
  Example Card

Example card with example text.

References

1


  1. The Bootstrap Authors. “Cards .” 2026. ↩︎