TargetDataModelDetails Embeddable

The TargetDataModelDetails embeddable provides a straightforward, UI-based workflow for managing target data model details. In addition, it lets you view key metadata, including the target data model ID, who created the target data model, and more.

Configure the component based on your specific use case

Add the code snippet below and insert the component on the page where you want it to appear:

Fields

accessToken

Add here your access token

targetDataModelId

Add here the ID of the target data model you want to display

settings

i18nOverrides

Allows you to override each text element in the interface

language

Defines the language of the embeddable (so far we only support English ("en"))

modal

Defines whether the component is shown inline (false) or within a modal view (true)

onTargetDataModelUpdate

Runs after the user saved changes they made to the target data model

onTargetDataModelDelete

Runs after the user has deleted the target data model

onClose

Runs when the user trys to exit the "Target Data Model Details" by closing the modal using the "X" button or clicking outside the modal

React

Angular

Vue

VanillaJS

<TargetDataModelDetails
    accessToken="ACCESS_TOKEN"
    targetDataModelId="TARGET_DATA_MODEL_ID"
    settings={{
        i18nOverrides: {},
        language: "en",
        modal: boolean (default: true),
    }}
    onTargetDataModelUpdate={({data}) => {
        // runs after the configuration of the target data model was changed
        // data: target data model object after update
    }}
    onTargetDataModelDelete={({data}) => {
        // runs when the target data model is deleted via "Delete" button
        // data: deleted target data model object
    }}
    onClose={() => {
        // runs when the creation workflow is closed via the "Cancel" button of the Setup page or the X button of all steps is used
    }}
/>