Ling.Blazor 1.0.0

.NET 6.0

dotnet add package Ling.Blazor --version 1.0.0

NuGet\Install-Package Ling.Blazor -Version 1.0.0

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="Ling.Blazor" Version="1.0.0" />

For projects that support PackageReference, copy this XML node into the project file to reference the package.

paket add Ling.Blazor --version 1.0.0

The NuGet Team does not provide support for this client. Please contact its maintainers for support.

#r "nuget: Ling.Blazor, 1.0.0"

#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.

// Install Ling.Blazor as a Cake Addin
#addin nuget:?package=Ling.Blazor&version=1.0.0

// Install Ling.Blazor as a Cake Tool
#tool nuget:?package=Ling.Blazor&version=1.0.0

The NuGet Team does not provide support for this client. Please contact its maintainers for support.

Ling.Blazor

Introduction

Ling.Blazor is a library of Blazor.

Installation

Package Manager

PM> Install-Package Ling.Blazor

.NET CLI

dotnet add package Ling.Blazor

Usage

Condition

Display content only when condition is true

@using Ling.Blazor.Components;

<Condition Predicate="@condition">
    // display when condition is true
</Condition>

Display content both when condition is true and false

@using Ling.Blazor.Components;

<Condition Predicate="@condition">
    <True>
        // display when condition is true
    </True>
    <False>
        // display when condition is false
    </False>
</Condition>

ForEach

@using Ling.Blazor.Components;

<ForEach Source="@list">
    <Template Context="item">
        // display each with @item
    </Template>
    <Separator>
        // display separator between items, optional
    </Separator>
    <NoContent>
        // display when list is null or empty, optional
    </NoContent>
</ForEach>

Switch

@using Ling.Blazor.Components;

<Switch Value="@value">
    <Case When="1">
        // display when value is 1
    </Case>
    <Case When="2">
        // display when value is 2
    </Case>

    ...

    <Default>
        // display when value not matched
    </Default>
</Switch>

Note: Be careful when using Switch with string value, if value is number, you should use like <Case When="@("1")">

License

This project is licensed under the Apache 2.0 license

Product	Compatible and additional computed target framework versions.
.NET	net6.0 is compatible. net6.0-android was computed. net6.0-ios was computed. net6.0-maccatalyst was computed. net6.0-macos was computed. net6.0-tvos was computed. net6.0-windows was computed. net7.0 is compatible. net7.0-android was computed. net7.0-ios was computed. net7.0-maccatalyst was computed. net7.0-macos was computed. net7.0-tvos was computed. net7.0-windows was computed. 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.

Product

.NET