logo
Digital Design System
git icon

Lists

In this section, we are going to give you an overview of all the different web lists.

Below are the definitions that you need to use for all lists on our CMS. Right now, only the unordered list has been designed.

Table of contents

Overview

Our list definitions is only based on light themes and only one type of list has been defined at the moment.

Types

Different types for lists are available, however we have only designed the unordered list for light themes.

Unordered Lists Definitions

The unordered list should look like this on light themes.

  • List default
  • Number two item
  • awdawd
  • Number four item
    • Level 2 item
    • Level 2 item
    • Billy
    • Bob
<ul class="msds-ul msds-text-body-1">
  <li class="msds-ul__item">List default</li>
  <li class="msds-ul__item">Number two item</li>
  <li class="msds-ul__item">awdawd</li>
  <li class="msds-ul__item">Number four item
    <ul class="msds-ul">
      <li class="msds-ul__item">Level 2 item</li>
      <li class="msds-ul__item">Level 2 item</li>
      <li class="msds-ul__item">Billy</li>
      <li class="msds-ul__item">Bob</li>
    </ul>
  </li>
</ul>