Боковая панель Blazorise: как переключать SidebarSubItem бок о бок?

Question

Я бы хотел переключить Blazorise Bulma SideBarSubItem в правой части боковой панели, текущая боковая панель похожа на демонстрацию здесь https://bulmademo.blazorise.com/. Код для «Элементов пользовательского интерфейса» выглядит следующим образом (я удалил некоторые ненужные элементы):

<Sidebar @ref="sidebar">
    <SidebarContent>
        <SidebarNavigation>
             <SidebarItem>
                  <SidebarLink Toggled="(isOpen)=> sidebarSubItemUIElement.Toggle(isOpen)" Visible="true">
                        <Icon Name="IconName.Edit" Margin="Margin.Is3.FromRight" />UI Elements
                  </SidebarLink>
                  <SidebarSubItem @ref="sidebarSubItemUIElement" Visible="true">
                        <SidebarItem>
                            <SidebarLink To="tests/buttons">Buttons</SidebarLink>
                        </SidebarItem>
                        <SidebarItem>
                            <SidebarLink To="tests/modals">Modals</SidebarLink>
                        </SidebarItem>
                  </SidebarSubItem>
             </SidebarItem>
        </SidebarNavigation>
    </SidebarContent>
</Sidebar>

Если переключить «Элементы пользовательского интерфейса», по умолчанию подэлементы отбрасываются внизу. В моем случае у меня много SubItems, поэтому я хотел бы переключить их на правую сторону, как показано здесь:

My idea was to change to над <SidebarLink>, но это делает сжатие SubItems на боковой панели следующим образом:

введите описание изображения здесь

Есть идеи, как это сделать?