TargetDataModelList Embeddable

The TargetDataModelList embeddable provides an easy-to-implement, UI-driven interface that gives you a clear overview of all target data models in your organization and its sub-organizations. You can quickly see how many target data models were created, who created them, and whether they are shared with sub-organizations.

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

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)

allowTargetDataModelCreation

Defines whether the "Create target data model" button is shown

onTargetDataModelView

Runs when the user clicks on a target data model. When defined, each target data model entry in the list shows a chevron on the right side that triggers this hook when clicked.

onTargetDataModelCreate

Runs when the user clicks on the "Create target data model" button

onClose

Runs when the user trys to close the modal by using the "X" button or clicking outside the modal

React

Angular

Vue

VanillaJS

<TargetDataModelList
    accessToken=string
    settings={{
        i18nOverrides: {}
        language: "en"
        modal: boolean (default: true)
        allowTargetDataModelCreation: boolean (default: false)
    }}
    onTargetDataModelView={({data}) => {
      // runs when the user clicks on one target data model in the list
      // data: target data model object of the selected target data model
    }}
    onTargetDataModelCreate={() => {
      // runs when the "Create target data model" button is pressed
    }}
    onClose={() => {
      // runs when the creation workflow is closed via the "X" button or clicking outside the modal
    }}
/>