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.
Custom Property | Default Value | Description |
---|---|---|
--sidebar |
260px | The width of the sidebar |
Example
A sidebar left layout with minimal content.
HTML
<div class="pv-layout-sidebar-left">
<div class="pv-inset-square">Sidebar</div>
<div class="pv-inset-square">Main</div>
</div>