# list — Examples

## basic

```html
<list-ui>
  <list-item-ui text="Dashboard"></list-item-ui>
  <list-item-ui text="Settings"></list-item-ui>
  <list-item-ui text="Profile"></list-item-ui>
  <list-item-ui text="Log out"></list-item-ui>
</list-ui>
```

## with icons

```html
<list-ui>
  <list-item-ui icon="house" text="Home"></list-item-ui>
  <list-item-ui icon="gear" text="Settings"></list-item-ui>
  <list-item-ui icon="user" text="Profile"></list-item-ui>
  <list-item-ui icon="sign-out" text="Log out"></list-item-ui>
</list-ui>
```

## with descriptions

```html
<list-ui>
  <list-item-ui icon="envelope" text="Email" description="Receive notifications via email"></list-item-ui>
  <list-item-ui icon="bell" text="Push" description="Browser push notifications"></list-item-ui>
  <list-item-ui icon="chat-circle" text="SMS" description="Text message alerts"></list-item-ui>
</list-ui>
```
