TableOfContents
TableOfContents component collects Heading and Bookmark within the current page and displays them in a navigable tree.Properties
maxHeadingLevel (default: 6)
Defines the maximum heading level (1 to 6) to include in the table of contents. For example, if it is 2, then
H1 and H2 are displayed, but lower levels (H3 to H6) are not.omitH1 (default: false)
If true, the
H1 heading is not included in the table of contents. This is useful when the H1 is used for the page title and you want to avoid duplication.smoothScrolling (default: false)
This property indicates that smooth scrolling is used while scrolling the selected table of contents items into view.
Events
This component does not have any events.
Exposed Methods
This component does not expose any methods.
Styling
Theme Variables
| Variable | Default Value (Light) | Default Value (Dark) |
|---|---|---|
| backgroundColor-TableOfContents | none | none |
| backgroundColor-TableOfContentsItem | none | none |
| backgroundColor-TableOfContentsItem--active | none | none |
| backgroundColor-TableOfContentsItem--hover | none | none |
| backgroundColor-TableOfContentsItem-level-1 | none | none |
| backgroundColor-TableOfContentsItem-level-2 | none | none |
| backgroundColor-TableOfContentsItem-level-3 | none | none |
| backgroundColor-TableOfContentsItem-level-4 | none | none |
| backgroundColor-TableOfContentsItem-level-5 | none | none |
| backgroundColor-TableOfContentsItem-level-6 | none | none |
| border-TableOfContents | none | none |
| border-TableOfContentsItem | none | none |
| border-TableOfContentsItem--active | none | none |
| border-TableOfContentsItem--hover | none | none |
| borderBottom-TableOfContents | none | none |
| borderBottom-TableOfContentsItem | none | none |
| borderBottom-TableOfContentsItem--active | none | none |
| borderBottom-TableOfContentsItem--hover | none | none |
| borderBottomColor-TableOfContents | none | none |
| borderBottomColor-TableOfContentsItem | none | none |
| borderBottomColor-TableOfContentsItem--active | none | none |
| borderBottomColor-TableOfContentsItem--hover | none | none |
| borderBottomStyle-TableOfContents | none | none |
| borderBottomStyle-TableOfContentsItem | none | none |
| borderBottomStyle-TableOfContentsItem--active | none | none |
| borderBottomStyle-TableOfContentsItem--hover | none | none |
| borderBottomWidth-TableOfContents | none | none |
| borderBottomWidth-TableOfContentsItem | none | none |
| borderBottomWidth-TableOfContentsItem--active | none | none |
| borderBottomWidth-TableOfContentsItem--hover | none | none |
| borderColor-TableOfContents | none | none |
| borderColor-TableOfContentsItem | none | none |
| borderColor-TableOfContentsItem--active | none | none |
| borderColor-TableOfContentsItem--hover | none | none |
| borderEndEndRadius-TableOfContents | none | none |
| borderEndEndRadius-TableOfContentsItem | none | none |
| borderEndEndRadius-TableOfContentsItem--active | none | none |
| borderEndEndRadius-TableOfContentsItem--hover | none | none |
| borderEndStartRadius-TableOfContents | none | none |
| borderEndStartRadius-TableOfContentsItem | none | none |
| borderEndStartRadius-TableOfContentsItem--active | none | none |
| borderEndStartRadius-TableOfContentsItem--hover | none | none |
| borderHorizontal-TableOfContents | none | none |
| borderHorizontal-TableOfContentsItem | none | none |
| borderHorizontal-TableOfContentsItem--active | none | none |
| borderHorizontal-TableOfContentsItem--hover | none | none |
| borderHorizontalColor-TableOfContents | none | none |
| borderHorizontalColor-TableOfContentsItem | none | none |
| borderHorizontalColor-TableOfContentsItem--active | none | none |
| borderHorizontalColor-TableOfContentsItem--hover | none | none |
| borderHorizontalStyle-TableOfContents | none | none |
| borderHorizontalStyle-TableOfContentsItem | none | none |
| borderHorizontalStyle-TableOfContentsItem--active | none | none |
| borderHorizontalStyle-TableOfContentsItem--hover | none | none |
| borderHorizontalWidth-TableOfContents | none | none |
| borderHorizontalWidth-TableOfContentsItem | none | none |
| borderHorizontalWidth-TableOfContentsItem--active | none | none |
| borderHorizontalWidth-TableOfContentsItem--hover | none | none |
| borderLeft-TableOfContents | none | none |
| borderLeft-TableOfContentsItem | none | none |
| borderLeft-TableOfContentsItem--active | none | none |
| borderLeft-TableOfContentsItem--hover | none | none |
| color-TableOfContents | none | none |
| color-TableOfContentsItem | none | none |
| color-TableOfContentsItem--active | none | none |
| color-TableOfContentsItem--hover | none | none |
| borderLeftStyle-TableOfContents | none | none |
| borderLeftStyle-TableOfContentsItem | none | none |
| borderLeftStyle-TableOfContentsItem--active | none | none |
| borderLeftStyle-TableOfContentsItem--hover | none | none |
| borderLeftWidth-TableOfContents | none | none |
| borderLeftWidth-TableOfContentsItem | none | none |
| borderLeftWidth-TableOfContentsItem--active | none | none |
| borderLeftWidth-TableOfContentsItem--hover | none | none |
| borderRight-TableOfContents | none | none |
| borderRight-TableOfContentsItem | none | none |
| borderRight-TableOfContentsItem--active | none | none |
| borderRight-TableOfContentsItem--hover | none | none |
| color-TableOfContents | none | none |
| color-TableOfContentsItem | none | none |
| color-TableOfContentsItem--active | none | none |
| color-TableOfContentsItem--hover | none | none |
| borderRightStyle-TableOfContents | none | none |
| borderRightStyle-TableOfContentsItem | none | none |
| borderRightStyle-TableOfContentsItem--active | none | none |
| borderRightStyle-TableOfContentsItem--hover | none | none |
| borderRightWidth-TableOfContents | none | none |
| borderRightWidth-TableOfContentsItem | none | none |
| borderRightWidth-TableOfContentsItem--active | none | none |
| borderRightWidth-TableOfContentsItem--hover | none | none |
| borderStartEndRadius-TableOfContents | none | none |
| borderStartEndRadius-TableOfContentsItem | none | none |
| borderStartEndRadius-TableOfContentsItem--active | none | none |
| borderStartEndRadius-TableOfContentsItem--hover | none | none |
| borderStartStartRadius-TableOfContents | none | none |
| borderStartStartRadius-TableOfContentsItem | none | none |
| borderStartStartRadius-TableOfContentsItem--active | none | none |
| borderStartStartRadius-TableOfContentsItem--hover | none | none |
| borderStyle-TableOfContents | none | none |
| borderStyle-TableOfContentsItem | none | none |
| borderStyle-TableOfContentsItem--active | none | none |
| borderStyle-TableOfContentsItem--hover | none | none |
| borderTop-TableOfContents | none | none |
| borderTop-TableOfContentsItem | none | none |
| borderTop-TableOfContentsItem--active | none | none |
| borderTop-TableOfContentsItem--hover | none | none |
| borderTopColor-TableOfContents | none | none |
| borderTopColor-TableOfContentsItem | none | none |
| borderTopColor-TableOfContentsItem--active | none | none |
| borderTopColor-TableOfContentsItem--hover | none | none |
| borderTopStyle-TableOfContents | none | none |
| borderTopStyle-TableOfContentsItem | none | none |
| borderTopStyle-TableOfContentsItem--active | none | none |
| borderTopStyle-TableOfContentsItem--hover | none | none |
| borderTopWidth-TableOfContents | none | none |
| borderTopWidth-TableOfContentsItem | none | none |
| borderTopWidth-TableOfContentsItem--active | none | none |
| borderTopWidth-TableOfContentsItem--hover | none | none |
| borderHorizontal-TableOfContents | none | none |
| borderHorizontal-TableOfContentsItem | none | none |
| borderHorizontal-TableOfContentsItem--active | none | none |
| borderHorizontal-TableOfContentsItem--hover | none | none |
| borderVerticalColor-TableOfContents | none | none |
| borderVerticalColor-TableOfContentsItem | none | none |
| borderVerticalColor-TableOfContentsItem--active | none | none |
| borderVerticalColor-TableOfContentsItem--hover | none | none |
| borderVerticalStyle-TableOfContents | none | none |
| borderVerticalStyle-TableOfContentsItem | none | none |
| borderVerticalStyle-TableOfContentsItem--active | none | none |
| borderVerticalStyle-TableOfContentsItem--hover | none | none |
| borderVerticalWidth-TableOfContents | none | none |
| borderVerticalWidth-TableOfContentsItem | none | none |
| borderVerticalWidth-TableOfContentsItem--active | none | none |
| borderVerticalWidth-TableOfContentsItem--hover | none | none |
| borderWidth-TableOfContents | none | none |
| borderWidth-TableOfContentsItem | none | none |
| borderWidth-TableOfContentsItem--active | none | none |
| borderWidth-TableOfContentsItem--hover | none | none |
| color-TableOfContentsItem--active | $color-primary-500 | $color-primary-500 |
| direction-TableOfContentsItem | none | none |
| direction-TableOfContentsItem-level-1 | none | none |
| direction-TableOfContentsItem-level-2 | none | none |
| direction-TableOfContentsItem-level-3 | none | none |
| direction-TableOfContentsItem-level-4 | none | none |
| direction-TableOfContentsItem-level-5 | none | none |
| direction-TableOfContentsItem-level-6 | none | none |
| fontFamily-TableOfContentsItem | none | none |
| fontFamily-TableOfContentsItem-level-1 | none | none |
| fontFamily-TableOfContentsItem-level-2 | none | none |
| fontFamily-TableOfContentsItem-level-3 | none | none |
| fontFamily-TableOfContentsItem-level-4 | none | none |
| fontFamily-TableOfContentsItem-level-5 | none | none |
| fontFamily-TableOfContentsItem-level-6 | none | none |
| fontSize-TableOfContentsItem | $fontSize-sm | $fontSize-sm |
| fontSize-TableOfContentsItem-level-1 | none | none |
| fontSize-TableOfContentsItem-level-2 | none | none |
| fontSize-TableOfContentsItem-level-3 | none | none |
| fontSize-TableOfContentsItem-level-4 | none | none |
| fontSize-TableOfContentsItem-level-5 | none | none |
| fontSize-TableOfContentsItem-level-6 | none | none |
| fontStretch-TableOfContentsItem | none | none |
| fontStretch-TableOfContentsItem-level-1 | none | none |
| fontStretch-TableOfContentsItem-level-2 | none | none |
| fontStretch-TableOfContentsItem-level-3 | none | none |
| fontStretch-TableOfContentsItem-level-4 | none | none |
| fontStretch-TableOfContentsItem-level-5 | none | none |
| fontStretch-TableOfContentsItem-level-6 | none | none |
| fontStyle-TableOfContentsItem | none | none |
| fontStyle-TableOfContentsItem-level-1 | none | none |
| fontStyle-TableOfContentsItem-level-2 | none | none |
| fontStyle-TableOfContentsItem-level-3 | none | none |
| fontStyle-TableOfContentsItem-level-4 | none | none |
| fontStyle-TableOfContentsItem-level-5 | none | none |
| fontStyle-TableOfContentsItem-level-6 | italic | italic |
| fontVariant-TableOfContentsItem | none | none |
| fontVariant-TableOfContentsItem-level-1 | none | none |
| fontVariant-TableOfContentsItem-level-2 | none | none |
| fontVariant-TableOfContentsItem-level-3 | none | none |
| fontVariant-TableOfContentsItem-level-4 | none | none |
| fontVariant-TableOfContentsItem-level-5 | none | none |
| fontVariant-TableOfContentsItem-level-6 | none | none |
| fontWeight-TableOfContentsItem | $fontWeight-bold | $fontWeight-bold |
| fontWeight-TableOfContentsItem--active | none | none |
| fontWeight-TableOfContentsItem--hover | none | none |
| fontWeight-TableOfContentsItem-level-1 | none | none |
| fontWeight-TableOfContentsItem-level-1--active | none | none |
| fontWeight-TableOfContentsItem-level-1--hover | none | none |
| fontWeight-TableOfContentsItem-level-2 | none | none |
| fontWeight-TableOfContentsItem-level-2--active | none | none |
| fontWeight-TableOfContentsItem-level-2--hover | none | none |
| fontWeight-TableOfContentsItem-level-3 | normal | normal |
| fontWeight-TableOfContentsItem-level-3--active | none | none |
| fontWeight-TableOfContentsItem-level-3--hover | none | none |
| fontWeight-TableOfContentsItem-level-4 | normal | normal |
| fontWeight-TableOfContentsItem-level-4--active | none | none |
| fontWeight-TableOfContentsItem-level-4--hover | none | none |
| fontWeight-TableOfContentsItem-level-5 | normal | normal |
| fontWeight-TableOfContentsItem-level-5--active | none | none |
| fontWeight-TableOfContentsItem-level-5--hover | none | none |
| fontWeight-TableOfContentsItem-level-6 | normal | normal |
| fontWeight-TableOfContentsItem-level-6--active | none | none |
| fontWeight-TableOfContentsItem-level-6--hover | none | none |
| height-TableOfContents | none | none |
| letterSpacing-TableOfContentsItem | none | none |
| letterSpacing-TableOfContentsItem-level-1 | none | none |
| letterSpacing-TableOfContentsItem-level-2 | none | none |
| letterSpacing-TableOfContentsItem-level-3 | none | none |
| letterSpacing-TableOfContentsItem-level-4 | none | none |
| letterSpacing-TableOfContentsItem-level-5 | none | none |
| letterSpacing-TableOfContentsItem-level-6 | none | none |
| lineBreak-TableOfContentsItem | none | none |
| lineBreak-TableOfContentsItem-level-1 | none | none |
| lineBreak-TableOfContentsItem-level-2 | none | none |
| lineBreak-TableOfContentsItem-level-3 | none | none |
| lineBreak-TableOfContentsItem-level-4 | none | none |
| lineBreak-TableOfContentsItem-level-5 | none | none |
| lineBreak-TableOfContentsItem-level-6 | none | none |
| lineHeight-TableOfContentsItem | none | none |
| lineHeight-TableOfContentsItem-level-1 | none | none |
| lineHeight-TableOfContentsItem-level-2 | none | none |
| lineHeight-TableOfContentsItem-level-3 | none | none |
| lineHeight-TableOfContentsItem-level-4 | none | none |
| lineHeight-TableOfContentsItem-level-5 | none | none |
| lineHeight-TableOfContentsItem-level-6 | none | none |
| marginBottom-TableOfContents | none | none |
| marginTop-TableOfContents | none | none |
| padding-TableOfContents | $space-2 | $space-2 |
| padding-TableOfContentsItem | none | none |
| padding-TableOfContentsItem-level-1 | none | none |
| padding-TableOfContentsItem-level-2 | none | none |
| padding-TableOfContentsItem-level-3 | none | none |
| padding-TableOfContentsItem-level-4 | none | none |
| padding-TableOfContentsItem-level-5 | none | none |
| padding-TableOfContentsItem-level-6 | none | none |
| paddingBottom-TableOfContents | none | none |
| paddingBottom-TableOfContentsItem | none | none |
| paddingBottom-TableOfContentsItem-level-1 | none | none |
| paddingBottom-TableOfContentsItem-level-2 | none | none |
| paddingBottom-TableOfContentsItem-level-3 | none | none |
| paddingBottom-TableOfContentsItem-level-4 | none | none |
| paddingBottom-TableOfContentsItem-level-5 | none | none |
| paddingBottom-TableOfContentsItem-level-6 | none | none |
| paddingHorizontal-TableOfContents | none | none |
| paddingHorizontal-TableOfContentsItem | none | none |
| paddingHorizontal-TableOfContentsItem-level-1 | none | none |
| paddingHorizontal-TableOfContentsItem-level-2 | none | none |
| paddingHorizontal-TableOfContentsItem-level-3 | none | none |
| paddingHorizontal-TableOfContentsItem-level-4 | none | none |
| paddingHorizontal-TableOfContentsItem-level-5 | none | none |
| paddingHorizontal-TableOfContentsItem-level-6 | none | none |
| paddingLeft-TableOfContents | none | none |
| paddingLeft-TableOfContentsItem | $space-1 | $space-1 |
| paddingLeft-TableOfContentsItem-level-1 | none | none |
| paddingLeft-TableOfContentsItem-level-2 | $space-3 | $space-3 |
| paddingLeft-TableOfContentsItem-level-3 | $space-5 | $space-5 |
| paddingLeft-TableOfContentsItem-level-4 | $space-6 | $space-6 |
| paddingLeft-TableOfContentsItem-level-5 | $space-6 | $space-6 |
| paddingLeft-TableOfContentsItem-level-6 | $space-6 | $space-6 |
| paddingRight-TableOfContents | none | none |
| paddingRight-TableOfContentsItem | none | none |
| paddingRight-TableOfContentsItem-level-1 | none | none |
| paddingRight-TableOfContentsItem-level-2 | none | none |
| paddingRight-TableOfContentsItem-level-3 | none | none |
| paddingRight-TableOfContentsItem-level-4 | none | none |
| paddingRight-TableOfContentsItem-level-5 | none | none |
| paddingRight-TableOfContentsItem-level-6 | none | none |
| paddingTop-TableOfContents | none | none |
| paddingTop-TableOfContentsItem | none | none |
| paddingTop-TableOfContentsItem-level-1 | none | none |
| paddingTop-TableOfContentsItem-level-2 | none | none |
| paddingTop-TableOfContentsItem-level-3 | none | none |
| paddingTop-TableOfContentsItem-level-4 | none | none |
| paddingTop-TableOfContentsItem-level-5 | none | none |
| paddingTop-TableOfContentsItem-level-6 | none | none |
| paddingVertical-TableOfContents | none | none |
| paddingVertical-TableOfContentsItem | $space-1 | $space-1 |
| paddingVertical-TableOfContentsItem-level-1 | none | none |
| paddingVertical-TableOfContentsItem-level-2 | none | none |
| paddingVertical-TableOfContentsItem-level-3 | none | none |
| paddingVertical-TableOfContentsItem-level-4 | none | none |
| paddingVertical-TableOfContentsItem-level-5 | none | none |
| paddingVertical-TableOfContentsItem-level-6 | none | none |
| textAlign-TableOfContentsItem | none | none |
| textAlign-TableOfContentsItem-level-1 | none | none |
| textAlign-TableOfContentsItem-level-2 | none | none |
| textAlign-TableOfContentsItem-level-3 | none | none |
| textAlign-TableOfContentsItem-level-4 | none | none |
| textAlign-TableOfContentsItem-level-5 | none | none |
| textAlign-TableOfContentsItem-level-6 | none | none |
| textAlignLast-TableOfContentsItem | none | none |
| textAlignLast-TableOfContentsItem-level-1 | none | none |
| textAlignLast-TableOfContentsItem-level-2 | none | none |
| textAlignLast-TableOfContentsItem-level-3 | none | none |
| textAlignLast-TableOfContentsItem-level-4 | none | none |
| textAlignLast-TableOfContentsItem-level-5 | none | none |
| textAlignLast-TableOfContentsItem-level-6 | none | none |
| textColor-TableOfContentsItem | $color-secondary-500 | $color-secondary-500 |
| textColor-TableOfContentsItem--active | none | none |
| textColor-TableOfContentsItem--hover | $textColor-primary | $textColor-primary |
| textColor-TableOfContentsItem-level-1 | none | none |
| textColor-TableOfContentsItem-level-2 | none | none |
| textColor-TableOfContentsItem-level-3 | none | none |
| textColor-TableOfContentsItem-level-4 | none | none |
| textColor-TableOfContentsItem-level-5 | none | none |
| textColor-TableOfContentsItem-level-6 | none | none |
| textDecorationColor-TableOfContentsItem | none | none |
| textDecorationColor-TableOfContentsItem-level-1 | none | none |
| textDecorationColor-TableOfContentsItem-level-2 | none | none |
| textDecorationColor-TableOfContentsItem-level-3 | none | none |
| textDecorationColor-TableOfContentsItem-level-4 | none | none |
| textDecorationColor-TableOfContentsItem-level-5 | none | none |
| textDecorationColor-TableOfContentsItem-level-6 | none | none |
| textDecorationLine-TableOfContentsItem | none | none |
| textDecorationLine-TableOfContentsItem-level-1 | none | none |
| textDecorationLine-TableOfContentsItem-level-2 | none | none |
| textDecorationLine-TableOfContentsItem-level-3 | none | none |
| textDecorationLine-TableOfContentsItem-level-4 | none | none |
| textDecorationLine-TableOfContentsItem-level-5 | none | none |
| textDecorationLine-TableOfContentsItem-level-6 | none | none |
| textDecorationStyle-TableOfContentsItem | none | none |
| textDecorationStyle-TableOfContentsItem-level-1 | none | none |
| textDecorationStyle-TableOfContentsItem-level-2 | none | none |
| textDecorationStyle-TableOfContentsItem-level-3 | none | none |
| textDecorationStyle-TableOfContentsItem-level-4 | none | none |
| textDecorationStyle-TableOfContentsItem-level-5 | none | none |
| textDecorationStyle-TableOfContentsItem-level-6 | none | none |
| textDecorationThickness-TableOfContentsItem | none | none |
| textDecorationThickness-TableOfContentsItem-level-1 | none | none |
| textDecorationThickness-TableOfContentsItem-level-2 | none | none |
| textDecorationThickness-TableOfContentsItem-level-3 | none | none |
| textDecorationThickness-TableOfContentsItem-level-4 | none | none |
| textDecorationThickness-TableOfContentsItem-level-5 | none | none |
| textDecorationThickness-TableOfContentsItem-level-6 | none | none |
| textIndent-TableOfContentsItem | none | none |
| textIndent-TableOfContentsItem-level-1 | none | none |
| textIndent-TableOfContentsItem-level-2 | none | none |
| textIndent-TableOfContentsItem-level-3 | none | none |
| textIndent-TableOfContentsItem-level-4 | none | none |
| textIndent-TableOfContentsItem-level-5 | none | none |
| textIndent-TableOfContentsItem-level-6 | none | none |
| textShadow-TableOfContentsItem | none | none |
| textShadow-TableOfContentsItem-level-1 | none | none |
| textShadow-TableOfContentsItem-level-2 | none | none |
| textShadow-TableOfContentsItem-level-3 | none | none |
| textShadow-TableOfContentsItem-level-4 | none | none |
| textShadow-TableOfContentsItem-level-5 | none | none |
| textShadow-TableOfContentsItem-level-6 | none | none |
| textTransform-TableOfContentsItem | none | none |
| textTransform-TableOfContentsItem-level-1 | none | none |
| textTransform-TableOfContentsItem-level-2 | none | none |
| textTransform-TableOfContentsItem-level-3 | none | none |
| textTransform-TableOfContentsItem-level-4 | none | none |
| textTransform-TableOfContentsItem-level-5 | none | none |
| textTransform-TableOfContentsItem-level-6 | none | none |
| textUnderlineOffset-TableOfContentsItem | none | none |
| textUnderlineOffset-TableOfContentsItem-level-1 | none | none |
| textUnderlineOffset-TableOfContentsItem-level-2 | none | none |
| textUnderlineOffset-TableOfContentsItem-level-3 | none | none |
| textUnderlineOffset-TableOfContentsItem-level-4 | none | none |
| textUnderlineOffset-TableOfContentsItem-level-5 | none | none |
| textUnderlineOffset-TableOfContentsItem-level-6 | none | none |
| width-TableOfContents | none | none |
| wordBreak-TableOfContentsItem | none | none |
| wordBreak-TableOfContentsItem-level-1 | none | none |
| wordBreak-TableOfContentsItem-level-2 | none | none |
| wordBreak-TableOfContentsItem-level-3 | none | none |
| wordBreak-TableOfContentsItem-level-4 | none | none |
| wordBreak-TableOfContentsItem-level-5 | none | none |
| wordBreak-TableOfContentsItem-level-6 | none | none |
| wordSpacing-TableOfContentsItem | none | none |
| wordSpacing-TableOfContentsItem-level-1 | none | none |
| wordSpacing-TableOfContentsItem-level-2 | none | none |
| wordSpacing-TableOfContentsItem-level-3 | none | none |
| wordSpacing-TableOfContentsItem-level-4 | none | none |
| wordSpacing-TableOfContentsItem-level-5 | none | none |
| wordSpacing-TableOfContentsItem-level-6 | none | none |
| wordWrap-TableOfContentsItem | break-word | break-word |
| wordWrap-TableOfContentsItem-level-1 | none | none |
| wordWrap-TableOfContentsItem-level-2 | none | none |
| wordWrap-TableOfContentsItem-level-3 | none | none |
| wordWrap-TableOfContentsItem-level-4 | none | none |
| wordWrap-TableOfContentsItem-level-5 | none | none |
| wordWrap-TableOfContentsItem-level-6 | none | none |
| writingMode-TableOfContentsItem | none | none |
| writingMode-TableOfContentsItem-level-1 | none | none |
| writingMode-TableOfContentsItem-level-2 | none | none |
| writingMode-TableOfContentsItem-level-3 | none | none |
| writingMode-TableOfContentsItem-level-4 | none | none |
| writingMode-TableOfContentsItem-level-5 | none | none |
| writingMode-TableOfContentsItem-level-6 | none | none |