Theme:

List

Lists display a collection of items in a vertical layout. They support bordered and hoverable variants.

Basic List

  • Design system review
  • Update API documentation
  • Fix responsive layout on mobile
  • Deploy staging environment
<ul class="dui-list"> <li class="dui-list-item">Design system review</li> <li class="dui-list-item">Update API documentation</li> <li class="dui-list-item">Fix responsive layout on mobile</li> </ul>

Bordered

  • sarah@company.com
  • michael@company.com
  • emily@company.com
<ul class="dui-list dui-list-bordered"> <li class="dui-list-item">sarah@company.com</li> <li class="dui-list-item">michael@company.com</li> </ul>

Hoverable

  • Project Alpha
  • Project Beta
  • Project Gamma
<ul class="dui-list dui-list-bordered dui-list-hover"> <li class="dui-list-item">Project Alpha</li> <li class="dui-list-item">Project Beta</li> </ul>