Display html code in panel with variable value.

Hello,

i am new to vaadin. Below I have added some html code. I want to display it in label. I can display it with out variable value. How can I pass the variable value to it? Like ${shared_by} will be replace by ‘asad’. Thanks in advance.

<!DOCTYPE HTML>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title>Share notification</title>

</head>

<body>

<!-- header that will also be used as email subject line -->
<div id="notification_subject" th:switch="${transfer_direction}">
    <h1 th:case="up">New upload share created</h1>
    <h1 th:case="down">New download share created</h1>
    <h1 th:case="*">New share created</h1>
</div>
<!-- general section for created share notification -->
<p><span th:text="${shared_by}"></span> shared a new folder with
    <span th:text="${shared_with}"></span>:
</p>
<p>Title: <span th:text="${job_title}"></span> <br />
    Description: <span th:text="${job_description}"></span><br/>
    Reference: <span th:text="${job_reference}"></span><br/>
    Shared by: <span th:text="${bucket_owner}"></span><br/>
    Location: <a href="" th:href="${share_uri}"><span th:text="${job_title}">open job</span></a><br/>
    <span th:if="${relay_targets} != null">Relay Targets: <span th:text="${relay_targets}"></span></span><br/>
    <span th:if="${expiration_date} != null">Expiration Date: <span th:text="${expiration_date}"></span></span>
</p>
<!-- /.container -->


</body>
</html>