Blog Card

Переиспользуемые карточки блога с плейсхолдером медиа — вертикальная и горизонтальная раскладки.

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

Переиспользуемые карточки блога с плейсхолдером медиа.

Вертикальная

Медиа и текст друг под другом для сеток и лент.

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())
}

Медиа и текст рядом — для плотных списков.

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 — Заголовок статьи

Excerpt · string — Краткое описание

Href · string — Ссылка «Читать далее»

MediaURL · string — Зарезервировано для будущего медиа-примитива; в wireframe используется muted-плейсхолдер

MediaAlt · string — Доступная подпись для плейсхолдера медиа

DateLabel · string — Дата публикации (уже отформатированная)