Hi @jimkring,

I think this is similar to the request made in #248.

What do you think - can we close this as a duplicate?

Hi @sydney-runkle,

I don't think this question is a duplicate.

The issue is basically that fastui.components render as strings when used as values of objects passed into Details and Table components.

For example, let's say I have an object with a name and an image.

from pydantic import BaseCase
import fastui.components as c

class MyType(BaseClass):
  name: str
  # let's make icon a fastui `Image` component type
  icon: c.Image

# create an instance
my_object = MyType(name="meowzer", icon=c.Image(src="image.png"))

# try to render it inside of a `Details` component.
c.Page(
  components=[
    c.Details(data=my_object)
  ]
)

This will render to something like this:

What I'm expecting is that I get an actual image:

name	meowzer
icon

Ok great, let's leave this as it's own issue then! I'll mark as an enhancement :).

@sydney-runkle Yes, it would be a great enhancement. The ability to use a component as a field type of other components will be extremely powerful. Do you know where in the code components are rendered to HTML? Does this happen on the typescript side of things? Looking down into the code it seems like python is generating json which gets passed over to the UI. I could see that getting tricky in terms of doing the recursion there would sort of need to be smart recursion on both sides.