` with a literal **Checkpoint** label paragraph and the body content beneath it, sharing chrome with GitHub-style alerts. Renders as a `

`, not a heading, so the right-side outline nav skips it. ### Parameters Name Type Default Description `ChildContent` `RenderFragment?` `null` Body of the checkpoint callout — usually one or two paragraphs and a verification list. ### Example ```razor Run `dotnet run` and visit `http://localhost:5000/`. - The page renders with the expected H1. - The right-side outline lists only the real section headings. ``` ## `CodeBlock` Razor-page entry to the shared code-block rendering pipeline. A modifier-bearing `Language` (for example, `csharp:symbol`) routes through the registered `ICodeBlockPreprocessor` implementations — the public extension point that the tree-sitter `:symbol` family plugs into when `AddTreeSitter` is wired. Not registered with Mdazor — markdown authors should use a fenced code block (same pipeline, same output) instead. ### Parameters Name Type Default Description `ChildContent` `RenderFragment?` `null` Code content as the component's child text; de-indented before rendering. `Code` `string?` `null` Code content as a string attribute; takes precedence over `ChildContent` when both are set. `IsInTabGroup` `bool` `false` When `true`, omits standalone container classes so the block composes inside a tabbed code group. `Language` `string` `""` Required (`EditorRequired`) [fence info-string](https://usepennington.net/reference/markdown/code-block-args.md) — a bare language like `"csharp"` or a modifier-bearing form like `"csharp:symbol,bodyonly"` (the `:symbol` family ships with `Pennington.TreeSitter`). ### Example ```razor var x = 1; examples/Foo/Program.cs > Program.Main ``` ## `LinkCard` Clickable variant of `Card`; wraps the entire card body in an `` bound to `Href`, with hover states tinting the background using the `Color` palette. ### Parameters Name Type Default Description `ChildContent` `RenderFragment?` `null` Body content rendered beneath the title. `Color` `string` `"primary"` MonorailCSS color-family name used for borders, background, hover state, text, and icon fill. `Href` `string?` `null` Destination URL; passed through directly to the wrapping anchor. `Icon` `RenderFragment?` `null` Optional leading icon fragment. `Title` `string?` `null` Bold heading rendered above `ChildContent`. ### Example ```razor A zero-to-running-site walkthrough. ``` ## `RenderedFixture` (DocSite only) Embeds a fixture file (markdown or HTML) from anywhere in the solution as a captioned `

`, rendering markdown through the standard `MarkdownPipeline`. Useful when a how-to page wants to show the actual rendered output of a complete example file (a full alert syntax, a composed configuration) rather than authoring the same content twice. Registered with Mdazor by `AddDocSite` but not by `AddBlogSite`. ### Parameters Name Type Default Description `Path` `string` `""` (required) Solution-relative path to the fixture file (for example, `examples/Foo/Content/bar.md`). Rejected when it contains `..` or is rooted. `Caption` `string?` `null` Caption shown in the `

` above the rendered output. When unset or blank, the figcaption renders the literal `"Rendered output"`. ### Example ```razor ``` ## `Step` One step inside a `Steps` list; renders a `

` with a numbered medallion on the left rail, an optional title, the body content, and an optional `Checkpoint` slot for a "verify the result" callout. Must be nested directly inside `` for the rail border to align. ### Parameters Name Type Default Description `ChildContent` `RenderFragment?` `null` Step body content, rendered to the right of the numbered medallion. `Checkpoint` `RenderFragment?` `null` Optional inline checkpoint rendered after the body using `markdown-alert-checkpoint` chrome — handy for tutorials that verify a result at the end of a step. `StepNumber` `string` `"1"` Label shown inside the circular medallion — a string so non-numeric markers (for example, `"A"`, `"i"`) are possible. `Title` `string?` `null` Optional title rendered above the body content. ### Example ```razor Run the dotnet new install command. Run dotnet run. ``` ## `Steps` Container for a vertical step list; emits `