Patterns
Blog Post Header
The header block for a single blog post: category, title, description, meta, cover, and tags.
The header block for a single blog post page: category badge, large title, lead description, an author/date/reading-time meta row, an optional cover image, and tag links.
Import
tsx
1import { BlogPostHeader } from "@yuhuanowo/yunui/patterns";Example
BlogPostHeader
Designing with YunUI patterns
How prop-driven compositions keep your product UI consistent.
Y
January 15, 20266 min readYuhuan
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| author | { name?: string; avatar?: string; url?: string | undefined; } | undefined | — | |
| category | string | — | |
| coverImage | string | — | |
| date | string | — | |
| description | string | — | |
| readingTime | number | — | |
| tags | string[] | — | |
| title* | string | — |