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 odio

Consectetur

Dapibus ac facilisis in

Vestibulum

Morbi leo risus

Border variants

By default, rich list component has 2 border versions, like the examples below.

Flush

Porta

Cras justo odio

Consectetur

Dapibus ac facilisis in
9+

Vestibulum

Morbi leo risus
new

Flush

Porta

Cras justo odio

Consectetur

Dapibus ac facilisis in
9+

Vestibulum

Morbi leo risus
new

Addon

Put other elements inside rich list within RichList.Addon

Porta

Cras justo odio

Consectetur

Dapibus ac facilisis in
9+

Vestibulum

Morbi leo risus
new

Action

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

Settings

Performance

CPU Load
60%
CPU Temparature
42°
RAM Usage
6,532 MB

Customer care

Reports

Projects

May 14, 2020