The ToC is a commonly used way to give users a snapshot of page content and enable them to navigate longer pages easily. The ToC can be used in place of the section heading on the left side of desktop pages, taking up the same columns.
v2 updates
[x] Updated color and type tokens to Carbon core v11
[x] ToC is meant to replace the section header that appears in content section components. Is there a better way to show this dynamic?
[x] ToC can have up to 10 ToC items. I would show seven items and hide an additional three
[x] In v1, the ToC updated to a dropdown in @md and @sm. In v2, the ToC for both horizontal and vertical functions differently (see specs)
[x] Create a custom version of the link with icon that allows the link to be placed on the left. The only icon that should be available is the arrow-left
Resources
The
ToC
is a commonly used way to give users a snapshot of page content and enable them to navigate longer pages easily. TheToC
can be used in place of the section heading on the left side of desktop pages, taking up the same columns.v2 updates
content section
components. Is there a better way to show this dynamic?@md
and@sm
. In v2, the ToC for both horizontal and vertical functions differently (see specs)link with icon
that allows the link to be placed on the left. The only icon that should be available is thearrow-left