Menu Stack
Vertical menu list (with optional checkboxes). Used in sidebar nav, popover menus, etc
Basic Example
Table of Contents
- Chapter 1 : The Menu-Stack Item
-
Chapter 2 : How to use a nested component.
- Chapter 1.A : A Visual of a Link
-
Chapter 2.B : How to Use Menu-Stacks with More than 2 Levels.
- Chapter 3 : Using the 'separator-before' Modifier
Basic Example
Table of Contents
- Chapter 1 : The Menu-Stack Item
-
Chapter 2 : How to use a nested component.
- Chapter 1.A : A Visual of a Link
-
Chapter 2.B : How to Use Menu-Stacks with More than 2 Levels.
- Chapter 3 : Using the 'separator-before' Modifier
Compact Example
Table of Contents
- Chapter 1 : The Compact Menu-Stack Item
-
Chapter 2 : How to use a nested component.
- Chapter 1.A : A Visual of a Link
-
Chapter 2.B : How to Use Menu-Stacks with More than 2 Levels.
- Chapter 3 : Using the 'separator-before' Modifier
Hanging with aria-current test
Table of Contents
- Chapter 1 : The Hanging Menu-Stack Item
-
Chapter 2 : How to use a nested component.
- Chapter 1.A : A Visual of a Link
-
Chapter 2.B : How to Use Menu-Stacks with More than 2 Levels.
- Chapter 3 : Using the 'separator-before' Modifier
- Chapter 4 : Further Study
- Appendix
- Glossary
Plain Menu Stack Test
Table of Contents (Default Plain)
Table of Contents (Compact Plain)
Table of Contents (Hanging Plain)
Multiple labels/lists
Table of Contents
Figures and Graph
Checkbox Menu
Select A Few of Your Favorite Things
Checkbox Menu (compact modifier)
Checkbox Menu (hide-inputs)
Checkbox Menu (plain)
With Icons
Multi-column Menu Stack for Testing
Menu Stack Example Label for Testing
Div Parent List Structure Testing
Menu Stack Example Label for Testing
-
Chapter 1 : How to use the Menu-Stack component.
- Chapter 1.A : A Visual of a Link
-
Chapter 1.B : How to Use Menu-Stacks with More than 2 Levels.
- Glossary
- Appendix
Div Parent List Structure Testing (Hanging)
Menu Stack Example Label for Testing
-
Chapter 1 : How to use the Menu-Stack component.
- Chapter 1.A : A Visual of a Link
-
Chapter 1.B : How to Use Menu-Stacks with More than 2 Levels.
- Glossary
- Appendix
Div Parent List Structure Testing (Compact)
Menu Stack Example Label for Testing
-
Chapter 1 : How to use the Menu-Stack component.
- Chapter 1.A : A Visual of a Link
-
Chapter 1.B : How to Use Menu-Stacks with More than 2 Levels.
- Glossary
- Appendix
Div Parent List Structure Testing (Plain)
Menu Stack Example Label for Testing
-
Chapter 1 : How to use the Menu-Stack component.
- Chapter 1.A : A Visual of a Link
-
Chapter 1.B : How to Use Menu-Stacks with More than 2 Levels.
- Glossary
- Appendix