动画输入占位符成为标签?

Question

我想得到这样的东西与TailwindCSS和输入，这是可能的吗?我相信这个特定的组件是用Vue.js编写的。

<div class="v-input theme--light v-text-field v-text-field--is-booted v-text-field--enclosed v-text-field--outlined">
<div class="v-input__control">
<div class="v-input__slot">
<fieldset aria-hidden="true">
<legend style="width: 0px;"><span>​</span></legend>
</fieldset>
<div class="v-text-field__slot"><label for="input-145" class="v-label theme--light" style="left: 0px; right: auto; position: absolute;">Link to visit (optional)</label><input id="input-145" type="text"></div>
</div>
<div class="v-text-field__details">
<div class="v-messages theme--light">
<div class="v-messages__wrapper"></div>
</div>
<div class="v-counter theme--light">0 / 200</div>
</div>
</div>
</div>

这就是它的样子。

Answer 1

这是可能的。我找到了3个关于这方面的资源。一定要去看看。

材料顺风组件Dev