Skip to main content
MetabindView(props: { contentId: string }): Component;
contentId
string
required
The ID of the content item to embed. The content is fetched and rendered at runtime using the same Metabind client context.

Support

Usage

Embed a content item

MetabindView({ contentId: "abc123" })

Compose multiple content items

VStack({ spacing: 16 }, [
    Text("Featured")
        .font("title2")
        .bold(),
    MetabindView({ contentId: "featured-banner" }),
    MetabindView({ contentId: "featured-products" }),
])

Inside a scroll view

ScrollView([
    VStack({ spacing: 24 }, [
        MetabindView({ contentId: "hero-section" }),
        MetabindView({ contentId: "body-content" }),
        MetabindView({ contentId: "footer" }),
    ])
])

Notes

  • The embedded content is fetched and rendered independently, using the same API credentials as the parent view.
  • Content updates in real time if the parent MetabindView has subscriptions enabled.
  • On iOS, this component is provided by the Metabind SDK and registered into the BindJS rendering tree via the ComponentRepresentable protocol. It is not a built-in BindJS view.

See Also