Sidebar Left

Sidebar Left

Use the sidebar layout to further divide the main content area of the primary layout with a sidebar on the left.

Padding and margins are not hard-coded into the layout to allow for more flexibility using spacing utilities.

You can set the width of the sidebar using a custom property.

Example
A sidebar left layout with minimal content.

<div class="pv-layout-sidebar-left">
  <div class="pv-inset-square">Sidebar</div>
  <div class="pv-inset-square">Main</div>
</div>