Lists

Lists can be used at so many places, navigation bar, stacked notifications, article pages, etc.

Example of Unordered List with bullets

Add class according to bullet style. Copy html code below and add your desired list items.

Example of Ordered List with bullets

Add class according to bullet style. Copy html code below and add your desired list items. To reverse the order of ordered list, add reversed attribute to ol element

Example of List with no bullets

If you want list stacked but with no bullet and indentation, then you can add list-style-none class.

Class styled-list applies padding between two list items.

Example of List with inline items

If you want list items in same line instead of stacked, you can add inline-list class to make it inline.

And you can also add list-style-none class to remove bullets.

Example of Notification Stacked List

This is stacked list without bullets. We can add desired component inside "li" element.