Blazor DateTime Component

This project shows how to add a dynamic style to a component that allows a user of the component to set the styling.

by David Gallivan

Why

Components are the basic part of Blazor and to provide good UI components it is required that to let the user of the component be able to change the styling to fit there application without needing to have access to the code.

Getting Started

1. Clone this repository

   git clone https://github.com/CodingWithDavid/DateTimeComponent
   cd DateTimeComponent

2. Open in Visual Studio or Visual Code a. With Visual Code you will need to install the C# extensions

3. Press F5

What's in the App

I am using the basic Server side Blazor template but the code is the same wither it is Server side or client side.

1. Displaying Date time in a format
2. Using a timer
3. Making a component
4. Adding parameters to the component
5. Setting a CSS class in HTML with a variable
6. Passing in a CSS class to set a style dynamically
7. Using a inner class CSS selector to target styles of the inner HTML

Problems or Suggestions

Open an issue here

Thank You

Resources

• VS Code
• Visual Studio