---
description: Work in progress...
---

# UI Elements

### List

![](https://2934894637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbCvyqQFWjULWnGrw3L3Z%2Fuploads%2FCUSE2bYIKOzHO5KlKfFD%2Flist.jpg?alt=media\&token=7448e4ca-de4a-41be-bc62-9cc7057743d2)

```css
.rui-special-list
.rui-special-list--light
.rui-special-list--primary

.list-styled
```

{% tabs %}
{% tab title="UI" %}
![](https://2934894637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbCvyqQFWjULWnGrw3L3Z%2Fuploads%2FkzXNv6TXGA5GRg31eHlI%2Fsample-list.png?alt=media\&token=785a8aa2-03ea-4723-abd2-b819b6d9151d)


{% endtab %}

{% tab title="Code snippet" %}
```html
<ul class="rui-special-list rui-special-list--light">
  <li>Personal asset watchlists</li>
  <li>Curated market data feed</li>
  <li>20+ on-chain, social &amp; dev metrics</li>
  <li>Low-latency market signals and alerts</li>
   <li class="list-icon-x">Sansheets plugin with pre-made templates</li>
 </ul>
```
{% endtab %}
{% endtabs %}

```html
<ul class="rui-special-list rui-special-list--primary">
   <li>List styled</li>
   <li>Lorem ipsum</li>
</ul>
```
