DaffittTech.Blazor.Components 2.0.1

DaffittTech.Blazor.Components

Introduction

This project is a collection of Blazor Components that may be used across multiple Blazor applications. It may be possible to integrate these components into non-Blazor applications but at this time this has not been determined or verified.

Getting Started

This collection of Blazor-based components will be packaged and hosted as a NuGet package on the popular NuGet.org website. To take advantage of these components follow the steps below.

Installation process

There are a few ways to add these components to your own Blazor application. The simplest way is to use the Package Manager in Visual Studio. You can also go to https://www.nuget.org/packages/DaffittTech.Blazor.Components and follow the directions for your favorite method of installing NuGet packages.

Once you have added this NuGet package to your application project there are a few more things you need to do to get things going.

1. This package uses another NuGet Package https://www.nuget.org/packages/Blazored.LocalStorage that you will likely need to install to allow local storage to work.

2. You’ll need to add these lines to the _Imports.razor file where you’ll be using these components.

@using DaffittTech.Blazor.Components;
@using DaffittTech.Blazor.Components.Models;
@using DaffittTech.Blazor.Components.Services;

If you separate your .razor page from its .cs page, you may also need to add one, or a combination of these lines to the using statements in the .cs page (without the "@" symbol).

3. If you are using the Accordion component you will need to add a dependancy injection (DI) reference for the IAccordionService to the Programs.cs file for dependency injection to work. You will also need to add the following using statements to the same file.

using Blazored.LocalStorage;
using DaffittTech.Blazor.Components.Services;
...
builder.Services.AddBlazoredLocalStorage(); // For the Device Storage features
builder.Services.AddScoped<IAccordionService, AccordionService>(); // DI for the Accordion service

4. To use the component just add it as an HTML element to the razor page like so…

<AccordionComponent Title="Accordion Title" AccordionPageUrl="index">
    <div>
        <h4>Accordion Content</h4>
        <p>
            This is some fake content for the accordion component.
            Add your own stuff as you please.
        </p>
    </div>
</AccordionComponent>

Software dependencies

As stated above, these are Blazor components that are intended to work in other Blazor applications. Additionally, at this point, there are a couple of other packages on which this NuGet depends. Of course, this will expand as we incorporate additional Blazor components.

• These components are built on the .Net 7.0 framework
• Blazored.LocalStorage (>= 4.3.0)
• Microsoft.ASPNetCore.Components.Web (>= 7.0.0)

Latest releases

The current release version is 2.0.1 This version is functionally the same as version 2.0.0 but includes this revised of the README.md file.

API references

At this time there are no API references of which to speak.

Contribute

For the time being, this collection of components is maintained in a private repository and may not be accessed or contributed to.