Basic text lists
Unordered
A list of items in which the order does not explicitly matter.
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Phasellus iaculis neque
- Vestibulum laoreet porttitor sem
- Aenean sit amet erat nunc
Ordered
A list of items in which the order does explicitly matter.
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Phasellus iaculis neque
- Vestibulum laoreet porttitor sem
- Aenean sit amet erat nunc
Unstyled
Remove the default list-style
and left padding on list items (immediate children only).
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Phasellus iaculis neque
- Vestibulum laoreet porttitor sem
- Aenean sit amet erat nunc
Inline
Place all list items on a single line by adding .inline
to the wrapping <ol>
or <ul>
.
- Lorem ipsum
- Phasellus iaculis
- Nulla volutpat
Link list
by combining an unordered list with a set of links you can provide the user with a simple way to easily view a list of links.
Other
The NICE UI library encase some additional list style for both definition lists and media lists. Additionally you can find information about search results which contribute to the shared search experience.