Introduction to Built-in Components

Overview

Most applications require some data input. The Blazor WebAssembly framework includes many built-in components for inputting and validating data.

In this chapter, we will learn how to use the EditForm component, the various built-in input components, and the built-in input validation components.

The project that we'll create in this chapter will be a travel expense tracker. We will use a multi-project architecture to separate the Blazor WebAssembly app from the ASP.NET Web API endpoints. The page used to add and edit expenses will use the EditForm component as well as many of the built-in input components. It will also use the built-in validation components. We will learn how to use the built-in components to add data input, validation, and submission to any Blazor WebAssembly app.

In this chapter, we will cover the following topics:

• The EditForm component

• Using the built-in input components

• Using the validation components

• Creating the ExpenseTracker project