Index Navigation with only two levels

L1 First Section 1

L2 Subsection 1.1

Content.

L3 Sub-Subsection (no nav)

Content.

L1 Second Section 2

Content.

L2 Subsection 2.1 (deep)

This Subsection contains a number of Level 4 to 6 Sub-Subsections as they would be used in API documentation to hold long lists of data interfaces that may or may not be structurally nested in themselves. Such content often has no nesting inside it, but for smoke testing this page shows the maximum possible nesting.

The navigation component below is intended to be used for long lists of subsections like update actions or type declarations. It's created this way:

<ChildSectionsNav parent="l2-subsection-21-deep"/>

• an unordered list below the component.

L3 Sub-Subsection (no nav)

Content.

L4 Sub-Subsection (no nav)

Content

L4SubSubsectionWithAVeryVeryVeryWeirdlyLongTypeName (no nav)

Content.

L5 Sub-Subsection (no nav)

Content.

L6 Sub-Subsection (no nav)

Content.

L3SubSubSectionWithAVeryWeirdlyLongTypeName (no nav)

Content.

L4 Sub-Subsection (no nav)

Content.

L2 Subsection 2.2 (deep)

Content.

Content Menu With First Level Heading

Lorem

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur scelerisque metus nec nibh faucibus, sed faucibus ipsum rutrum. Nullam nibh lectus, eleifend a nulla sit amet, pretium hendrerit purus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse sit amet eros ut felis iaculis pharetra at condimentum odio. Duis gravida orci non lacus dignissim, in laoreet ex ultrices. Cras consectetur dolor risus, nec porttitor velit vehicula volutpat. Pellentesque sit amet finibus nulla, ut egestas lacus.

Cras pulvinar est eget nibh vestibulum, id ultrices orci auctor. Nullam auctor imperdiet ligula, ac auctor ligula aliquet sed. Suspendisse potenti. Vivamus tristique suscipit arcu, eu auctor libero venenatis sed. Maecenas ut cursus justo. Fusce euismod augue vitae pellentesque porttitor. Proin consectetur libero tempus nisi interdum auctor.

Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur scelerisque metus nec nibh faucibus, sed faucibus ipsum rutrum. Nullam nibh lectus, eleifend a nulla sit amet, pretium hendrerit purus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse sit amet eros ut felis iaculis pharetra at condimentum odio. Duis gravida orci non lacus dignissim, in laoreet ex ultrices. Cras consectetur dolor risus, nec porttitor velit vehicula volutpat. Pellentesque sit amet finibus nulla, ut egestas lacus.

Cras pulvinar est eget nibh vestibulum, id ultrices orci auctor. Nullam auctor imperdiet ligula, ac auctor ligula aliquet sed. Suspendisse potenti. Vivamus tristique suscipit arcu, eu auctor libero venenatis sed. Maecenas ut cursus justo. Fusce euismod augue vitae pellentesque porttitor. Proin consectetur libero tempus nisi interdum auctor.

Dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur scelerisque metus nec nibh faucibus, sed faucibus ipsum rutrum. Nullam nibh lectus, eleifend a nulla sit amet, pretium hendrerit purus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse sit amet eros ut felis iaculis pharetra at condimentum odio. Duis gravida orci non lacus dignissim, in laoreet ex ultrices. Cras consectetur dolor risus, nec porttitor velit vehicula volutpat. Pellentesque sit amet finibus nulla, ut egestas lacus.

Cras pulvinar est eget nibh vestibulum, id ultrices orci auctor. Nullam auctor imperdiet ligula, ac auctor ligula aliquet sed. Suspendisse potenti. Vivamus tristique suscipit arcu, eu auctor libero venenatis sed. Maecenas ut cursus justo. Fusce euismod augue vitae pellentesque porttitor. Proin consectetur libero tempus nisi interdum auctor.

Sit

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur scelerisque metus nec nibh faucibus, sed faucibus ipsum rutrum. Nullam nibh lectus, eleifend a nulla sit amet, pretium hendrerit purus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse sit amet eros ut felis iaculis pharetra at condimentum odio. Duis gravida orci non lacus dignissim, in laoreet ex ultrices. Cras consectetur dolor risus, nec porttitor velit vehicula volutpat. Pellentesque sit amet finibus nulla, ut egestas lacus.

Cras pulvinar est eget nibh vestibulum, id ultrices orci auctor. Nullam auctor imperdiet ligula, ac auctor ligula aliquet sed. Suspendisse potenti. Vivamus tristique suscipit arcu, eu auctor libero venenatis sed. Maecenas ut cursus justo. Fusce euismod augue vitae pellentesque porttitor. Proin consectetur libero tempus nisi interdum auctor.

First Level Heading, Second Level is Skipped

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur scelerisque metus nec nibh faucibus, sed faucibus ipsum rutrum. Nullam nibh lectus, eleifend a nulla sit amet, pretium hendrerit purus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse sit amet eros ut felis iaculis pharetra at condimentum odio. Duis gravida orci non lacus dignissim, in laoreet ex ultrices. Cras consectetur dolor risus, nec porttitor velit vehicula volutpat. Pellentesque sit amet finibus nulla, ut egestas lacus.

Skipped Second Level, Should Not Appear in Index Nav

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur scelerisque metus nec nibh faucibus, sed faucibus ipsum rutrum. Nullam nibh lectus, eleifend a nulla sit amet, pretium hendrerit purus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse sit amet eros ut felis iaculis pharetra at condimentum odio. Duis gravida orci non lacus dignissim, in laoreet ex ultrices. Cras consectetur dolor risus, nec porttitor velit vehicula volutpat. Pellentesque sit amet finibus nulla, ut egestas lacus.

Cras pulvinar est eget nibh vestibulum, id ultrices orci auctor. Nullam auctor imperdiet ligula, ac auctor ligula aliquet sed. Suspendisse potenti. Vivamus tristique suscipit arcu, eu auctor libero venenatis sed. Maecenas ut cursus justo. Fusce euismod augue vitae pellentesque porttitor. Proin consectetur libero tempus nisi interdum auctor.

Etiam eu velit volutpat, hendrerit dolor sed, consectetur augue. Nunc sit amet gravida velit, nec tincidunt nisl. Nulla pretium vitae enim in tempor. Maecenas non convallis tortor, ut pulvinar nunc. Aliquam erat volutpat. Morbi molestie sit amet leo fermentum fringilla. Aliquam et hendrerit erat. Phasellus ac varius lorem. Mauris blandit sapien turpis, lacinia ornare leo dictum non. Mauris at urna ipsum. Mauris id nisi ut urna pharetra tincidunt.

Nunc at euismod massa. Nam sodales est tellus, sed dictum nulla vulputate et. Vivamus id diam vitae quam blandit gravida. Aenean mauris purus, condimentum eu auctor ac, pretium vel augue. Nunc ut velit eget ligula laoreet semper eget scelerisque arcu. Fusce in commodo elit. Nulla finibus commodo elementum.

Morbi id tincidunt sapien, ac fringilla quam. In aliquam sem nec scelerisque semper. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; In tristique sapien id ultricies fringilla. Integer tristique mauris lorem, ullamcorper auctor elit pulvinar vel. Cras ultrices ipsum sed venenatis scelerisque. Curabitur ac auctor dolor. Donec pharetra consectetur arcu non faucibus. Aliquam sed augue quis sapien suscipit ultrices. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla eleifend molestie ante dapibus pellentesque. Nam ac orci vulputate, dignissim turpis in, lobortis orci. Praesent ullamcorper mattis elit non tristique. Sed et ornare erat. In nec nibh posuere, ultrices sapien ac, ornare mi. Donec non mi ut metus ullamcorper venenatis.