The Sidebar dock sample demonstrates the dock functionalities of the Sidebar. Click on the hamburger menu icon to expand/collapse the sidebar with dock state.
Dock state of the Sidebar reserves some space on the page that always remains in a visible state when the Sidebar is collapsed. It is used to show the short term of a content like icons alone instead of lengthy text.
In this demo, the list item has an icon with text representation. On dock state, only the icon listed out to interact. It can be achieved by using the EnableDock property.