# adia-mark — Examples

## Default

```html
<adia-mark-ui></adia-mark-ui>
```

## Sizes

```html
<adia-mark-ui size="xs"></adia-mark-ui>
<adia-mark-ui size="sm"></adia-mark-ui>
<adia-mark-ui size="md"></adia-mark-ui>
<adia-mark-ui size="lg"></adia-mark-ui>
<adia-mark-ui size="xl"></adia-mark-ui>
```

## Topbar brand slot

```html
<row-ui gap="2" align="center">
  <adia-mark-ui size="sm"></adia-mark-ui>
  <text-ui variant="heading">Adia</text-ui>
</row-ui>
```
