Skip to content

TMI Stories Table

File: snippets/tmi-stories-table.liquid

Used in sections: page-stories-home

Screenshot not yet added.
Save as docs/src/assets/screenshots/snippet-tmi-stories-table.png

Description

TMI Stories Table

Renders blog articles from the “STORIES” blog as a responsive grid of cards. Each card shows an image, title, associated program name (extracted from tags), and a “Read More” link.

Features:

  • Responsive 1/2/3-column grid layout
  • Extracts program name from article tags with “handle::” prefix
  • Displays total story count
  • Empty state message when no stories exist

Dependencies:

  • Blog with handle “STORIES”
  • Article tags in format “handle::program-handle” for program association

Tailwind Status: Full

Usage

{% render 'tmi-stories-table' %}