SectionList
A list element embedded in a section is an unordered/ordered list used to structure the content.
When embedded, the list loses the div.list container and the div.header block.
Variations
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eu sem integer vitae justo eget magna fermentum iaculis eu. Et tortor consequat id porta.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eu sem integer vitae justo eget magna fermentum iaculis eu. Et tortor consequat id porta.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eu sem integer vitae justo eget magna fermentum iaculis eu. Et tortor consequat id porta.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eu sem integer vitae justo eget magna fermentum iaculis eu. Et tortor consequat id porta.
Details
Usage
The list element is used inside a section whenever its content is not significant and long enough to be displayed as a full-width component.
Guidelines
- Should be embedded in a section component whenever the table data is not enough to display in full-width
HTML structure
Overall HTML view of a list element inside a section:
div.section
ulPresets
Section with table presets:
| Preset | Description |
|---|---|
| Default | Default template. |
Variations
Section with table variations: