Prescription

This tailwind example is contributed by Anonymous, on 28-Sep-2026. Component is made with Tailwind v3.4. It is responsive.

Other

Author Anonymous

Tailwind v3.4 3

Fork Fullscreen

//prescription form

<div class="flex items-center justify-between
                px-6 py-4 border-b">

<div>
        <h2 class="text-xl font-semibold text-gray-800">
          Issue Prescription
        </h2>

<p class="text-sm text-gray-500 mt-1">
          Add prescription for this appointment
        </p>
      </div>

<button
        type="button"
        (click)="onClose()"
        class="text-2xl text-gray-500 hover:text-gray-800">
        &times;
      </button>

</div>

<form
      [formGroup]="prescriptionForm"
      (ngSubmit)="onSubmit()"
      class="p-6">

<div class="mb-4">

<label class="block text-sm font-medium text-gray-700 mb-1">
          Patient
        </label>

</div>

<div class="mb-4">

<label class="block text-sm font-medium text-gray-700 mb-1">
          Doctor
        </label>

</div>

<div class="mb-4">

<label class="block text-sm font-medium text-gray-700 mb-1">
          Appointment Date
        </label>

</div>

<div class="mb-4">

<label class="block text-sm font-medium text-gray-700 mb-1">
          Diagnosis
        </label>

</div>

<div class="mb-4">

<label class="block text-sm font-medium text-gray-700 mb-1">
          Medicines
        </label>

</div>

<div class="mb-6">

<label class="block text-sm font-medium text-gray-700 mb-1">
          Instructions
        </label>

</div>

<div class="flex justify-end gap-3 pt-4 border-t">

<button
          type="button"
          (click)="onClose()"
          class="px-4 py-2 border border-gray-300
                 rounded-md text-gray-700
                 hover:bg-gray-100">
          Cancel
        </button>

<button
          type="submit"
          class="px-5 py-2 bg-blue-600 text-white
                 rounded-md hover:bg-blue-700">
          Save Prescription
        </button>

</div>

</form>

</div>

Related Examples

Responsive fullscreen youtube video

Anonymous

3 years ago

9.5k
Irish Destination
For Irish road signs Destination

Allynn Alvarico

5 months ago

245
Phone Simulator with Built-in Car Racing Game and Play.
This is a complete virtual smartphone simulator built using HTML, CSS, Tailwind CSS, JavaScript, and Font Awesome Icons and mobile responsive . It provides a realistic phone interface with multiple apps, and the highlight is a fully playable Car Racing Game built right into it where you can actually play the car game.

Arjun Kumar

3 months ago

602
Typewriter effect in tailwindcss with this simple trick
source: https://dev.to/lazysock/make-a-typewriter-effect-with-tailwindcss-in-5-minutes-dc

Anonymous

3 years ago

12.2k
Free SEO Audit & Analysis Tool
Instant SEO analysis of your website. Check 50+ ranking factors including on-page SEO, technical issues, and mobile performance.

MD Mostafa Niloy

10 months ago

759
Icon group

Conan Hilton

3 years ago

10.3k
Todo List
A simple tool to track tasks: add, edit, complete, or delete items to stay organized daily.

Muzammil Riaz

1 year ago

1.6k
loginForm2
form

Anonymous

4 days ago

7
rotate card
rotate card

Tanvir Hasan Bappy (Tanvir)

1 year ago

2.3k
CTA Responsive
Gradient Style CTA

KULDEEP

1 year ago

935
record

Anonymous

21 hours ago

4
Privacy Policy Page Template

Anonymous

1 year ago

2.2k