> For the complete documentation index, see [llms.txt](https://rosea.gitbook.io/universe-moodle-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://rosea.gitbook.io/universe-moodle-theme/ui-kit/global-styles/ui-elements.md).

# UI Elements

Work in progress...

### List

![](https://3552108913-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRaXSyla3bpyuFdF1n0Yo%2Fuploads%2FDlscJX7n4Di6PMzJuAGO%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://3552108913-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRaXSyla3bpyuFdF1n0Yo%2Fuploads%2Fz8wAYOvvh196wHin8ZDV%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>
```