Basic
Rich list is a flexible and powerful component for displaying a series of content. Basic rich list has RichList.Item where wrapping content or any elements.
Porta
Cras justo odioConsectetur
Dapibus ac facilisis inVestibulum
Morbi leo risusBorder variants
By default, rich list component has 2 border versions, like the examples below.
Flush
Porta
Cras justo odioConsectetur
Dapibus ac facilisis inVestibulum
Morbi leo risusFlush
Porta
Cras justo odioConsectetur
Dapibus ac facilisis inVestibulum
Morbi leo risusAddon
Put other elements inside rich list within RichList.Addon
Porta
Cras justo odioConsectetur
Dapibus ac facilisis inVestibulum
Morbi leo risusAction
If you want to make your rich list has clickable behavior, you must add action property.
States
We provide active and disabled states for RichList.Item, look the example