Lists

Lists are continuous, vertical indexes of text or images. They are composed of items containing primary and supplemental actions, which are represented by icons and text.

Simple Lists

If you want list stacked but with no bullet and indentation, then you can add list-style-none class.
Class spaced-lists applies padding between two list items.

    Categories
  • Shoes
  • Home
  • Smartphones
  • Earphones
  • Watches

Nested Lists

If you want nested lists, then you can add list-style-none class.
Class nested-lists applies padding between two list items.

    Categories
  • Home
  • Smartphones
    • Apple
    • Realme
    • Samsung
  • Earphones
  • Watches

Notification Stacked Lists

Stacked lists may have images , header and additional info as well they are mostly used in notifications
You can copy html part from below code snippet.

  • Avatar-round
    Brunch this weekend?
    Ali Afsar - I'll be in your neighborhood doing errands this…
  • Avatar-round
    Summer BBQ
    to Scott, Alex, Jennifer - Wish I could come, but I'm out of town this…
  • Avatar-round
    Oui Oui
    Sandra Adams - Do you have Paris recommendations? Have you ever…