title: How to write a custom-attribute (directive) in React 16.9?
body: <p>Is it possible to use React just for writing a custom-attribute for existing HTML tags?</p>
  
  <p>for example, I want to add <code>float-label</code> to an input HTML tag like the following code:</p>
  
  <pre class="lang-html prettyprint-override"><code>  &lt;input type="text" id="lname" name="lname" float-label="LastName"&gt;
  
  </code></pre>
  
  <p>and call <a href="https://github.com/pryley/float-labels.js" rel="nofollow noreferrer">float-labels.js</a> behind the scene. I want to just extend the regular HTML input tag no more.</p>
  
  <p>Is it possible to use React to extend <em>current HTML tags</em> <strong>without</strong> writing a new component/tag (like float-input)?</p>