You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
115 lines
4.4 KiB
HTML
115 lines
4.4 KiB
HTML
<fieldset>
|
|
<legend class="text-sm/6 font-semibold text-gray-900">
|
|
Select a mailing list
|
|
</legend>
|
|
<div class="mt-6 grid grid-cols-1 gap-y-6 sm:grid-cols-3 sm:gap-x-4">
|
|
<label
|
|
aria-label="Newsletter"
|
|
aria-description="Last message sent an hour ago to 621 users"
|
|
class="group relative flex rounded-lg border border-gray-300 bg-white p-4 has-checked:outline-2 has-checked:-outline-offset-2 has-checked:outline-indigo-600 has-focus-visible:outline-3 has-focus-visible:-outline-offset-1 has-disabled:border-gray-400 has-disabled:bg-gray-200 has-disabled:opacity-25"
|
|
>
|
|
<input
|
|
type="radio"
|
|
name="mailing-list"
|
|
value="newsletter"
|
|
checked
|
|
class="absolute inset-0 appearance-none focus:outline-none"
|
|
/>
|
|
<div class="flex-1">
|
|
<span class="block text-sm font-medium text-gray-900">Newsletter</span>
|
|
<span class="mt-1 block text-sm text-gray-500"
|
|
>Last message sent an hour ago</span
|
|
>
|
|
<span class="mt-6 block text-sm font-medium text-gray-900"
|
|
>621 users</span
|
|
>
|
|
</div>
|
|
<svg
|
|
viewBox="0 0 20 20"
|
|
fill="currentColor"
|
|
data-slot="icon"
|
|
aria-hidden="true"
|
|
class="invisible size-5 text-indigo-600 group-has-checked:visible"
|
|
>
|
|
<path
|
|
d="M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm3.857-9.809a.75.75 0 0 0-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 1 0-1.06 1.061l2.5 2.5a.75.75 0 0 0 1.137-.089l4-5.5Z"
|
|
clip-rule="evenodd"
|
|
fill-rule="evenodd"
|
|
/>
|
|
</svg>
|
|
</label>
|
|
|
|
<label
|
|
aria-label="Existing customers"
|
|
aria-description="Last message sent 2 weeks ago to 1200 users"
|
|
class="group relative flex rounded-lg border border-gray-300 bg-white p-4 has-checked:outline-2 has-checked:-outline-offset-2 has-checked:outline-indigo-600 has-focus-visible:outline-3 has-focus-visible:-outline-offset-1 has-disabled:border-gray-400 has-disabled:bg-gray-200 has-disabled:opacity-25"
|
|
>
|
|
<input
|
|
type="radio"
|
|
name="mailing-list"
|
|
value="existing-customers"
|
|
class="absolute inset-0 appearance-none focus:outline-none"
|
|
/>
|
|
<div class="flex-1">
|
|
<span class="block text-sm font-medium text-gray-900"
|
|
>Existing customers</span
|
|
>
|
|
<span class="mt-1 block text-sm text-gray-500"
|
|
>Last message sent 2 weeks ago</span
|
|
>
|
|
<span class="mt-6 block text-sm font-medium text-gray-900"
|
|
>1200 users</span
|
|
>
|
|
</div>
|
|
<svg
|
|
viewBox="0 0 20 20"
|
|
fill="currentColor"
|
|
data-slot="icon"
|
|
aria-hidden="true"
|
|
class="invisible size-5 text-indigo-600 group-has-checked:visible"
|
|
>
|
|
<path
|
|
d="M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm3.857-9.809a.75.75 0 0 0-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 1 0-1.06 1.061l2.5 2.5a.75.75 0 0 0 1.137-.089l4-5.5Z"
|
|
clip-rule="evenodd"
|
|
fill-rule="evenodd"
|
|
/>
|
|
</svg>
|
|
</label>
|
|
|
|
<label
|
|
aria-label="Trial users"
|
|
aria-description="Last message sent 4 days ago to 2740 users"
|
|
class="group relative flex rounded-lg border border-gray-300 bg-white p-4 has-checked:outline-2 has-checked:-outline-offset-2 has-checked:outline-indigo-600 has-focus-visible:outline-3 has-focus-visible:-outline-offset-1 has-disabled:border-gray-400 has-disabled:bg-gray-200 has-disabled:opacity-25"
|
|
>
|
|
<input
|
|
type="radio"
|
|
name="mailing-list"
|
|
value="trial-users"
|
|
class="absolute inset-0 appearance-none focus:outline-none"
|
|
/>
|
|
<div class="flex-1">
|
|
<span class="block text-sm font-medium text-gray-900">Trial users</span>
|
|
<span class="mt-1 block text-sm text-gray-500"
|
|
>Last message sent 4 days ago</span
|
|
>
|
|
<span class="mt-6 block text-sm font-medium text-gray-900"
|
|
>2740 users</span
|
|
>
|
|
</div>
|
|
<svg
|
|
viewBox="0 0 20 20"
|
|
fill="currentColor"
|
|
data-slot="icon"
|
|
aria-hidden="true"
|
|
class="invisible size-5 text-indigo-600 group-has-checked:visible"
|
|
>
|
|
<path
|
|
d="M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm3.857-9.809a.75.75 0 0 0-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 1 0-1.06 1.061l2.5 2.5a.75.75 0 0 0 1.137-.089l4-5.5Z"
|
|
clip-rule="evenodd"
|
|
fill-rule="evenodd"
|
|
/>
|
|
</svg>
|
|
</label>
|
|
</div>
|
|
</fieldset>
|