SGDS version 3 is now available 🎉 We are updating this portal. In the meantime, please visit our storybook for the latest updates.

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

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

<sgds-template-grid class="with-sidenav with-toc">
    ...
    <sgds-toc-area>
    ...
    </sgds-toc-area>
<sgds-template-grid>

Last updated 10 June 2024

Singapore Government Design System

The Singapore Government Design System was developed to empower teams in creating fast, accessible and mobile-friendly digital services.
About Us Components Patterns Templates SGDS Github Repo SGDS React Storybook SGDS v1.4.0 SGDS React v1 Singapore Government Developer Portal Isomer
Home


Latest version 2.3.6