Rich list is a flexible and powerful component for displaying a series of content. Basic rich list has .rich-list-item where wrapping content or any elements.
By default, rich list component has 2 border versions, like the examples below.
Extend basic rich list with .rich-list-flush to appear like below.
Extend basic rich list with .rich-list-bordered to appear like below.
Put other elements inside rich list within .rich-list-{prepend|append}
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
If you want to make your rich list has clickable behavior, you must add .rich-list-action.
We provide active and disabled states for .rich-list-item, look the example