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.

Put other elements inside rich list within .rich-list-{prepend|append}

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