Block

Introduction

Name: didomi-block Component type: block

Display a div.

window.didomiConfig = {
...
components: {
activeComponents: [
{
id: "ID_OF_THE_COMPONENT",
type: "block",
options: {
...,
propKey: "PROP_VALUE" // Remember to use camelCase for the key
}
}
]
}
};

Inline configuration

<didomi-block container-id="CONTAINER_ID" prop-key="PROP_VALUE" ...></didomi-block>

Props Options

Name

Type

Description

display

String

CSS display property. Example: 'flex', 'inline' ...

isShown

Boolean

display/hide the element (default true)

For inline configuration, make sure to use kebab-case syntax. For example fontSize will become font-size.

Examples

Object configuration

window.didomiConfig = {
...
components: {
layout: {...},
activeComponents: [
{
id: "container-block",
type: "block",
options: {
style: {
default: {
backgroundColor: "orange",
fontSize: "18px"
}
}
}
}
]
}
};