JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://semantic-ui.com/dist/semantic.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.4/semantic.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.4/semantic.min.css">
<div>
  Try typing something in. You will see a custom message, if no results are found
</div>
<div>&nbsp;</div>
<div class="ui form">
  <div class="field">
    <div class="ui search selection dropdown">
      <i class="dropdown icon"></i>
      <div class="text">Default Text</div>
      <div class="menu">
        <div class="item" data-value="val1">VALUE 1</div>
        <div class="item" data-value="val2">VALUE 2</div>
      </div>
    </div>
  </div>
</div>

CSS

body {
  padding: 1em;
}

JavaScript

$(".ui.dropdown").dropdown({
  message: {
    noResults: "<b>Duuuude. No results, man {term}</b>"
  }
});