A plain object that describes a view element in a way that a concrete, exact view element could be created from that description.
const viewDefinition = {
name: 'h1',
classes: [ 'foo', 'bar' ]
};
Above describes a view element:
<h1 class="foo bar"></h1>
An example with styles and attributes:
const viewDefinition = {
name: 'span',
styles: {
'font-size': '12px',
'font-weight': 'bold'
},
attributes: {
'data-id': '123'
}
};
Describes:
<span style="font-size:12px;font-weight:bold" data-id="123"></span>
Elements without attributes can be given simply as a string:
const viewDefinition = 'p';
Which will be treated as:
const viewDefinition = {
name: 'p'
};