Sha256: b84d27ae555c82b0d6b746c5ec5748ede68803bca8fc11b9dc09b63b695442f3
Contents?: true
Size: 1 KB
Versions: 29
Compression:
Stored size: 1 KB
Contents
<!--
This example requires some changes to your config:
```
// tailwind.config.js
module.exports = {
// ...
plugins: [
// ...
require('@tailwindcss/forms'),
],
}
```
-->
<div>
<label for="phone-number" class="block text-sm font-medium text-gray-700">Phone Number</label>
<div class="relative mt-1 rounded-md shadow-sm">
<div class="absolute inset-y-0 left-0 flex items-center">
<label for="country" class="sr-only">Country</label>
<select id="country" name="country" autocomplete="country" class="h-full rounded-md border-transparent bg-transparent py-0 pl-3 pr-7 text-gray-500 focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm">
<option>US</option>
<option>CA</option>
<option>EU</option>
</select>
</div>
<input type="text" name="phone-number" id="phone-number" class="block w-full rounded-md border-gray-300 pl-16 focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm" placeholder="+1 (555) 987-6543">
</div>
</div>
Version data entries
29 entries across 29 versions & 1 rubygems