SectionDefinition list
A definition list element embedded in a section is a list of related information pairs.
When embedded, the definition list loses the div.header block. Moreover, the dl element does not require to be wrapped by a div.definition-list container.
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
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- Lorem ipsum dolor sit amet, consectetur
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- Lorem ipsum dolor sit amet, consectetur
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
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 definition 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 definition list element inside a section:
div.section
ulPresets
Section with table presets:
| Preset | Description |
|---|---|
| Default | Default template. |
Variations
Section with table variations: