Example Component Library
Demo Components
Card
Layouts Hero
Info card Slotted card
Alert Badge Button Quote oneup Rich button User card
Demo Extra Button
Demo Nav
Cards Info card
Elements Quote oneup Badge
Icon Accessibility
Generic Divider Tooltip
Action button Design guidelines
Demo Single Chip Pill
Gallery / Demo Components / Card / Info card Gallery / / Info card
Demo Components / Card /
Documentation

Description

A simple informational card with a title, body text, and optional footer.

Demonstrates: - Inheriting from an abstract component - BoolParam for a toggle flag - A nested subfolder layout (components/card/)

Example usage::

{% info_card "Getting started" "Read the quickstart guide." %}
{% info_card "Tips" "Use keyword args for clarity." show_footer=True %}

Usage

Minimal example

{% info_card "foo" "bar" %}

Bigger example

{% info_card
  "foo"
  "bar"
  show_footer=True
%}

Qualified tag usage

{% cards__info_card "foo" "bar" %}

Parameters

Name Type Required Default Choices Description
title str Yes — — The card heading.
body str Yes — — The card body text.
show_footer bool No — — Show a decorative footer rule.
Sandbox