HtmlAsCode 0.0.2

There is a newer version of this package available.
See the version list below for details.
dotnet add package HtmlAsCode --version 0.0.2
                    
NuGet\Install-Package HtmlAsCode -Version 0.0.2
                    
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="HtmlAsCode" Version="0.0.2" />
                    
For projects that support PackageReference, copy this XML node into the project file to reference the package.
<PackageVersion Include="HtmlAsCode" Version="0.0.2" />
                    
Directory.Packages.props
<PackageReference Include="HtmlAsCode" />
                    
Project file
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package.
paket add HtmlAsCode --version 0.0.2
                    
#r "nuget: HtmlAsCode, 0.0.2"
                    
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
#:package HtmlAsCode@0.0.2
                    
#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package.
#addin nuget:?package=HtmlAsCode&version=0.0.2
                    
Install as a Cake Addin
#tool nuget:?package=HtmlAsCode&version=0.0.2
                    
Install as a Cake Tool

HTML as code

I don't like templates. I prefer components.

This is an attempt to generate HTML by writing C# code and use functions as components.

Usage

See the tests.

Some examples:

var html = H("html",
    H("head", H("title", "Hello World!"),
    H("body",
        H("h1", "Hello World!"),
        H("p", "This is a paragraph."));
Console.WriteLine(html.Render());

This will create the following HTML (not indented):

<!DOCTYPE html>
<html>
    <head>
        <title>Hello World!</title>
    </head>
    <body>
        <h1>Hello World!</h1>
        <p>This is a paragraph.</p>
    </body>
</html>

How to use components? Just write a function that returns the body element:

Element MakeBody() => H("body", H("h1", "Hello World!"), H("p", "This is a paragraph."));

Then you can call this function in your HTML generation code:

var html = H("html",
    H("head", H("title", "Hello World!")),
    MakeBody());
Product Compatible and additional computed target framework versions.
.NET net8.0 is compatible.  net8.0-android was computed.  net8.0-browser was computed.  net8.0-ios was computed.  net8.0-maccatalyst was computed.  net8.0-macos was computed.  net8.0-tvos was computed.  net8.0-windows was computed.  net9.0 was computed.  net9.0-android was computed.  net9.0-browser was computed.  net9.0-ios was computed.  net9.0-maccatalyst was computed.  net9.0-macos was computed.  net9.0-tvos was computed.  net9.0-windows was computed.  net10.0 was computed.  net10.0-android was computed.  net10.0-browser was computed.  net10.0-ios was computed.  net10.0-maccatalyst was computed.  net10.0-macos was computed.  net10.0-tvos was computed.  net10.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.
  • net8.0

    • No dependencies.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last Updated
0.0.7 378 2/6/2025
0.0.6 178 1/3/2025
0.0.5 154 1/3/2025
0.0.4 168 1/3/2025
0.0.3 175 1/3/2025
0.0.2 161 1/2/2025
0.0.1 134 1/2/2025