<VeltWireframe>
    <VeltCommentsSidebarWireframe>
        
        {/* PageMode */}
        <VeltCommentsSidebarWireframe.PageModeComposer/>

        {/* Empty Placeholder */}
        <VeltCommentsSidebarWireframe.EmptyPlaceholder/>


        {/* Header */}
        <VeltCommentsSidebarWireframe.Header>
            <VeltCommentsSidebarWireframe.CloseButton/>
            <VeltCommentsSidebarWireframe.Search/>
            <VeltCommentsSidebarWireframe.Status/>
            <VeltCommentsSidebarWireframe.FilterButton/>
        </VeltCommentsSidebarWireframe.Header>
        {/* Filter */}
        <VeltCommentsSidebarWireframe.Filter>
            <VeltCommentsSidebarWireframe.Filter.Title/>
            <VeltCommentsSidebarWireframe.Filter.CloseButton/>
            <VeltCommentsSidebarWireframe.Filter.Location/>
            <VeltCommentsSidebarWireframe.Filter.People/>
            <VeltCommentsSidebarWireframe.Filter.Category/>
            <VeltCommentsSidebarWireframe.Filter.Priority/>
            <VeltCommentsSidebarWireframe.Filter.CommentType/>
            <VeltCommentsSidebarWireframe.Filter.Versions/>
            <VeltCommentsSidebarWireframe.Filter.GroupBy/>
            <VeltCommentsSidebarWireframe.Filter.DoneButton/>
        </VeltCommentsSidebarWireframe.Filter>
        {/* List */}
        <VeltCommentsSidebarWireframe.List/>
    </VeltCommentsSidebarWireframe>
</VeltWireframe>

Rearranging the order of Subcomponents

You can change the order of how the subcomponents appear by rearranging the subcomponents in the wireframe template.

In this example, the PageMode and EmptyPlaceholder subcomponents of the Comments Sidebar have been moved to the top of the template.

<VeltWireframe>
    <VeltCommentsSidebarWireframe>
        
        {/* PageMode */}
        <VeltCommentsSidebarWireframe.PageModeComposer/>

        {/* Empty Placeholder */}
        <VeltCommentsSidebarWireframe.EmptyPlaceholder/>

        
        {/* Header */}
        <VeltCommentsSidebarWireframe.Header>
            <VeltCommentsSidebarWireframe.CloseButton/>
            <VeltCommentsSidebarWireframe.Search/>
            <VeltCommentsSidebarWireframe.Status/>
            <VeltCommentsSidebarWireframe.FilterButton/>
        </VeltCommentsSidebarWireframe.Header>
        ...
    </VeltCommentsSidebarWireframe>
</VeltWireframe>