The @uol-placeholder allows the loading of custom code within the component. This will act as a placeholder which can be used to position this code within design system pages.
Custom code can be passed through config using ‘content’: ‘{Custom Code here}’
<div class="uol-placeholder">{{ content | safe }}</div>
<div class="uol-placeholder">
<p>Test</p>
</div>
.uol-placeholder {
width: 100%;
box-sizing: border-box;
border: 1px solid #51504C;
aspect-ratio: 2 / 1;
}
{
"content": "<p>Test</p>"
}