Post & Layout
Blog post page parts: header, navigation, series box and table of contents. Site layout: containers, wrappers, footer, search and newsletter.
9 pages · 0 live examples, generated from the design system metadata.
Post
Post listsBlog-post sections using the same Post summaries and article data as the blog pages. Image cards, featured articles, horizontal rows, and compact archives reuse one component.PostHeaderArticle title, metadata, timestamps and supporting header controls.PostNavigationPrevious and next article links at the end of a post.PostSeriesBoxList the articles in a series and identify the current entry.TableOfContentsResponsive article navigation with active sections, expandable heading branches, and an optional diagram and table index. Reuses Scrollspy, Collapsible, Link and the shared expansion hook.
Layout
ArticleA complete blog article with Gaudi journal navigation, PostHeader metadata, reading progress, TableOfContents section navigation, expandable images, a gallery, and captioned video. The main Blog article is joined by a centered Focused essay, a Technical tutorial with nested navigation and code, a wider Photo essay with a gallery, and a Series article with PostSeriesBox navigation across three parts. Each workflow reuses the same scroll boundary, header, media controls, and layout component. Contents-enabled examples use the shared TableOfContents block for links, active sections, and nested branch controls.FootersSite footer with host-supplied navigation, social links, copyright, and optional newsletter form.LayoutContainerAsync server layout that composes theme context, navigation, a skip link, article content, footer, and host-provided structured data.NewsletterNewsletter sections built from one email subscription form, with an explicit host endpoint and local pending, success, and error feedback.