Sha256: 14e65da204a3d2e729f09a4f16cade8af68fd85fe5e16e4f855c23647a7947ff
Contents?: true
Size: 1.41 KB
Versions: 29
Compression:
Stored size: 1.41 KB
Contents
<!--
This example requires some changes to your config:
```
// tailwind.config.js
module.exports = {
// ...
plugins: [
// ...
require('@tailwindcss/forms'),
],
}
```
-->
<div>
<label class="text-base font-medium text-gray-900">Notifications</label>
<p class="text-sm leading-5 text-gray-500">How do you prefer to receive notifications?</p>
<fieldset class="mt-4">
<legend class="sr-only">Notification method</legend>
<div class="space-y-4 sm:flex sm:items-center sm:space-y-0 sm:space-x-10">
<div class="flex items-center">
<input id="email" name="notification-method" type="radio" checked class="h-4 w-4 border-gray-300 text-indigo-600 focus:ring-indigo-500">
<label for="email" class="ml-3 block text-sm font-medium text-gray-700">Email</label>
</div>
<div class="flex items-center">
<input id="sms" name="notification-method" type="radio" class="h-4 w-4 border-gray-300 text-indigo-600 focus:ring-indigo-500">
<label for="sms" class="ml-3 block text-sm font-medium text-gray-700">Phone (SMS)</label>
</div>
<div class="flex items-center">
<input id="push" name="notification-method" type="radio" class="h-4 w-4 border-gray-300 text-indigo-600 focus:ring-indigo-500">
<label for="push" class="ml-3 block text-sm font-medium text-gray-700">Push notification</label>
</div>
</div>
</fieldset>
</div>
Version data entries
29 entries across 29 versions & 1 rubygems