[CLOSED] Create expandable cards dynamically

Questions
1

Hello,

I would like to use the expandable cards component independently and dynamically similar to what we have for sheet modal.

In sheet modal I would use the following.

if (!self.sheet) {
	self.sheet = self.$app.sheet.create({
	content: '\
		<div class="sheet-modal">\
		<div class="toolbar">\
		<div class="toolbar-inner justify-content-flex-end">\
		<a href="#" class="link sheet-close">Close</a>\
		</div>\
		</div>\
		<div class="sheet-modal-inner">\
		<div class="page-content">\
		<div class="block">\
		<p>This sheet modal was created dynamically</p>\
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse faucibus mauris leo, eu bibendum neque congue non. Ut leo mauris, eleifend eu commodo a, egestas ac urna. Maecenas in lacus faucibus, viverra ipsum pulvinar, molestie arcu. Etiam lacinia venenatis dignissim. Suspendisse non nisl semper tellus malesuada suscipit eu et eros. Nulla eu enim quis quam elementum vulputate. Mauris ornare consequat nunc viverra pellentesque. Aenean semper eu massa sit amet aliquam. Integer et neque sed libero mollis elementum at vitae ligula. Vestibulum pharetra sed libero sed porttitor. Suspendisse a faucibus lectus.</p>\
		</div>\
		</div>\
		</div>\
		</div>\
		'
	});
}
// Close inline sheet
if (self.$('.demo-sheet.modal-in').length > 0) self.$app.sheet.close('.demo-sheet');
// Open it
self.sheet.open();

I am looking for something almost similar for expandable cards.

2

I have come across the Popup component which I think should do the trick.