Table of Content Area
Table of Content Area is the child of Template Grid and is positioned at the right-most of the page. It is container with stylings meant for a single table of content component.
![Table-of-content area anatomy](/assets/img/layout/table-of-content-area/anatomy.png)
sgds-toc-area is a container with stylings meant for a toc component. It is design to accept only 1 direct child.
Example
![Only content required](/assets/img/layout/table-of-content-area/example.png)
<sgds-template-grid class="with-sidenav with-toc">
...
<sgds-toc-area>
...
</sgds-toc-area>
<sgds-template-grid>
Last updated 10 June 2024