A tree control is an expandable and collapsable selection mechanism that dynamically displays grouped items.
<div class="accTree"
data-src="path/file.xml"
data-label="Accessible Field Name"
data-type="ControlType"
id="uniqueID"
></div>
$A.reg.uniqueID.open();
// All other AccDC API properties and methods are similarly available.
<?xml version="1.0" encoding="UTF-8" ?>
<tree>
<folder id="uniqueID1" name="Folder Name">
<subfolder id="uniqueID2" name="Subfolder Name">
<item id="uniqueID3" name="Item Name"></item>
</subfolder>
<item id="uniqueID4" name="Item Name"></item>
</folder>
</tree>