Вложенность компонентов в DevExtreme/DevExpress js

Помогите, пожалуйста, изучаю devextreme и не могу понять следующее. Как я могу вкладывать один компонент в другой, чтобы при рендере родителя вслед за ним добавлялись дочерние компоненты. Вложенность может быть большой, поэтому стандартный подход добавления через $(id) описывается трудно. Есть ли универсальный способ, чтобы можно было сделать, например, так:

const items = [
    {widget:'dxButton', options:{text:'Button'}},
    {widget:'dxCalendar', options:{firstDayOfWeek:1}},
    'Text'
];

$('dx-acc').dxAccordion({
    dataSource: items
})

И после этого на странице появился аккордеон, в котором предметами выступают кнопка, календарь и просто блок с текстом. Возможно ли сделать такое?