Blog Card

Reusable blog list cards with media placeholder — vertical and horizontal layouts.

github.com/fastygo/ui/internal/ui/components/blogcard

Reusable blog list cards with media placeholder — vertical and horizontal layouts.

Vertical

Stacked media and copy for grids and feeds.

A short summary of the article for list and card surfaces.

May 19, 2026

import "github.com/fastygo/ui/internal/ui/components/blogcard"

templ Example() {
	@blogcard.VerticalBlogCard(blogcard.DefaultVertical())
}

import "github.com/fastygo/ui/internal/ui/components/blogcard"

templ Example() {
	@blogcard.VerticalBlogCard(blogcard.DefaultVertical())
}

Side-by-side media and copy for dense lists.

Build blocks from templ/ui primitives and reusable app components.

May 18, 2026

import "github.com/fastygo/ui/internal/ui/components/blogcard"

templ Example() {
	@blogcard.HorizontalBlogCard(blogcard.DefaultHorizontal())
}

import "github.com/fastygo/ui/internal/ui/components/blogcard"

templ Example() {
	@blogcard.HorizontalBlogCard(blogcard.DefaultHorizontal())
}

Title · string — Article title

Excerpt · string — Short summary

Href · string — Read-more link target

MediaURL · string — Reserved for future media primitive; wireframe uses muted placeholder

MediaAlt · string — Accessible label for media placeholder

DateLabel · string — Published date (pre-formatted)