Developer WARNING
🚨 Current @semcore/email package is deprecated and not recommend for use. New major version is planned and will be released one day.
Basic example
| Landing page | Traffic | Change |
|---|---|---|
|
https://www.asos.com/us/
You
|
21,763.28 | –866.03 |
| https://www.asos.com/us/men/hoodies-sweatshirts/cat/?cid=5668 | 4,782.67 | +52.83 |
html
<extends src="core/base.html">
<block name="head">
<link rel="stylesheet" href="../../../lib/core/base.css" />
<link rel="stylesheet" href="../../../lib/badge/index.css" />
<link rel="stylesheet" href="../../../lib/table/index.css" />
<link rel="stylesheet" href="../../../lib/typography/index.css" />
</block>
<block name="content">
<table class="table">
<thead>
<tr>
<th>Landing page</th>
<th>Traffic</th>
<th>Change</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<a href="https://www.asos.com/us/" class="link link-theme-default"
>https://www.asos.com/us/</a
>
<div class="badge text-blue-200" style="background-color: rgba(0, 130, 230, 0.15)">
You
</div>
</td>
<td>21,763.28</td>
<td class="text-red-200 nowrap">–866.03</td>
</tr>
<tr>
<td>
<a
href="https://www.asos.com/us/men/hoodies-sweatshirts/cat/?cid=5668"
class="link link-theme-default"
>https://www.asos.com/us/men/hoodies-sweatshirts/cat/?cid=5668</a
>
</td>
<td>4,782.67</td>
<td class="text-green-200 nowrap">+52.83</td>
</tr>
</tbody>
</table>
</block>
</extends><extends src="core/base.html">
<block name="head">
<link rel="stylesheet" href="../../../lib/core/base.css" />
<link rel="stylesheet" href="../../../lib/badge/index.css" />
<link rel="stylesheet" href="../../../lib/table/index.css" />
<link rel="stylesheet" href="../../../lib/typography/index.css" />
</block>
<block name="content">
<table class="table">
<thead>
<tr>
<th>Landing page</th>
<th>Traffic</th>
<th>Change</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<a href="https://www.asos.com/us/" class="link link-theme-default"
>https://www.asos.com/us/</a
>
<div class="badge text-blue-200" style="background-color: rgba(0, 130, 230, 0.15)">
You
</div>
</td>
<td>21,763.28</td>
<td class="text-red-200 nowrap">–866.03</td>
</tr>
<tr>
<td>
<a
href="https://www.asos.com/us/men/hoodies-sweatshirts/cat/?cid=5668"
class="link link-theme-default"
>https://www.asos.com/us/men/hoodies-sweatshirts/cat/?cid=5668</a
>
</td>
<td>4,782.67</td>
<td class="text-green-200 nowrap">+52.83</td>
</tr>
</tbody>
</table>
</block>
</extends>