Developing templated components
We have seen how we can create a component and pass some data to it so it renders them in a specific way; however, what if we want to pass a piece of the UI to that component and inject some markup into it? We call these types of components that take UI elements as parameters templated components.
In templated components, we can receive the UI content to be rendered in a normal parameter, but it’s of the RenderFragment
or RenderFragment<Tvalue>
types. Each component can have one or multiple RenderFragment
parameters.
In this section, we will learn about developing templated components practically by creating two different components that we will use for our project in this book, and which can be used in your other projects as well.
Developing a modal pop-up component
A modal popup is a popular component, as it is the topmost element we see in modern apps. The component allows the user to view further details (for example, for...