Sha256: dab8185660c312aa3a7b553a8de0a9f00bb4c82c16bc69aa1fbdcdd4e9a681e4
Contents?: true
Size: 1.12 KB
Versions: 29
Compression:
Stored size: 1.12 KB
Contents
<!--
This example requires some changes to your config:
```
// tailwind.config.js
module.exports = {
// ...
plugins: [
// ...
require('@tailwindcss/forms'),
],
}
```
-->
<div>
<label for="account-number" class="block text-sm font-medium text-gray-700">Account number</label>
<div class="relative mt-1 rounded-md shadow-sm">
<input type="text" name="account-number" id="account-number" class="block w-full rounded-md border-gray-300 pr-10 focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm" placeholder="000-00-0000">
<div class="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3">
<!-- Heroicon name: mini/question-mark-circle -->
<svg class="h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zM8.94 6.94a.75.75 0 11-1.061-1.061 3 3 0 112.871 5.026v.345a.75.75 0 01-1.5 0v-.5c0-.72.57-1.172 1.081-1.287A1.5 1.5 0 108.94 6.94zM10 15a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd" />
</svg>
</div>
</div>
</div>
Version data entries
29 entries across 29 versions & 1 rubygems