> For the complete documentation index, see [llms.txt](https://rosea.gitbook.io/moon-iomad-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/moon-iomad-moodle-theme/getting-started/global-styles/ui-elements.md).

# UI Elements

Work in progress...

### List

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