Side Navigation Area

Side Navigation Area is the child of Template Grid and positioned at the left-most of the page. It is a container with stylings meant for a single side navigation component.

Template Grid Anatomy

sgds-aside-area is a container with stylings meant for a side navigation component. It is designed to accept only 1 direct child.

Example

Only content required

<sgds-template-grid class="with-sidenav">
    <sgds-aside-area>
        <-- your sidenav component -->
    </sgds-aside-area>
    ...
<sgds-template-grid>

Last updated 03 January 2024
Home


Latest version 2.2.0