Collapsible Content Lists

Spacious Collapsible Content List

The following example showcases a collapsible list with ample whitespace. The list will not allow more than one active item:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis commodo odio aenean sed. Vel pharetra vel turpis nunc eget lorem. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Ultrices sagittis orci a scelerisque purus semper eget duis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis commodo odio aenean sed. Vel pharetra vel turpis nunc eget lorem. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Ultrices sagittis orci a scelerisque purus semper eget duis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis commodo odio aenean sed. Vel pharetra vel turpis nunc eget lorem. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Ultrices sagittis orci a scelerisque purus semper eget duis.

Compact Content List Example

The following example demonstrates a compact list. Multiple active items are allowed:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis commodo odio aenean sed. Vel pharetra vel turpis nunc eget lorem. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Ultrices sagittis orci a scelerisque purus semper eget duis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis commodo odio aenean sed. Vel pharetra vel turpis nunc eget lorem. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Ultrices sagittis orci a scelerisque purus semper eget duis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis commodo odio aenean sed. Vel pharetra vel turpis nunc eget lorem. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Ultrices sagittis orci a scelerisque purus semper eget duis.