Generated Components in BlazorForKids
Building data-driven components like tables, forms, or card lists usually takes a lot of time and effort. As a developer, you need to define the data models, create the UI manually, handle the database operations, and ensure consistent user experience across your application. This often leads to duplicated effort and inconsistent interfaces — especially when working on larger apps with many pages.
BlazorForKids solves this by providing a set of generated components that are ready to use and follow a standard design and behavior across the entire application. These include:
- GridView – for displaying, sorting, searching, editing, and deleting data in a tabular format
- EditForm – for creating and updating records using well-structured input fields with validation
- DetailView – for showing a read-only view of all entity data in a clean and organized layout
- CardView – for visualizing data in flexible card layouts, often used in dashboards or filtered views
- ManyToManyEditor – for managing many-to-many relationships in an intuitive dual-list format
These components are automatically generated by the framework based on your entity and property definitions. The framework takes care of:
- Loading and saving data in a performant way
- Binding the data to the right UI controls
- Applying consistent styling and behavior
- Displaying built-in feedback messages (success, error, validation) via notifications
The main advantage of using these components is consistency. For example, when users learn how to use one GridView page, they will know how to use all the others too — because they look and behave the same. There's no need to search for the "Edit" button or wonder where filters are located. This improves usability, reduces training time, and ensures a polished, professional experience.
Below, you'll find examples and detailed explanations of each generated component type: