Creating a WidgetRenderer
Explore how to create a WidgetRenderer component that displays all properties of a widget type. Learn to apply Bootstrap styles for improved UI presentation, including cards, padding, and custom classes for special widgets. Understand passing props with TypeScript and using React to render structured, styled data efficiently.
We'll cover the following...
It’s time to render more than just the title and description properties of our IWidget type. Let’s make a new component, WidgetRenderer. Unlike the previous components we’ve seen, WidgetRenderer will accept the IWidget type directly as its property type. This way, we can use