<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>
<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>
<VeltWireframe>
    <VeltCommentsSidebarWireframe>
        {/* PageMode */}
        <VeltCommentsSidebarWireframe.PageModeComposer/>

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

        {/* Skeleton */}
        <VeltCommentsSidebarWireframe.Skeleton />
        <VeltCommentsSidebarWireframe.Panel>
            {/* 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.Panel/>
    </VeltCommentsSidebarWireframe>
</VeltWireframe>