AS
Arha Sri

New Patient Approval - Copy this Angular, Tailwind Component to your project

Design a user interface for a "New Patient Approval" section with the following elements: Header: "Approval New Patient" at the top. Date Selector: Include a month picker (dropdown or calendar icon) on the top right, displaying "January 2023." Action Button: A blue "Add New Appointment" button with a dropdown containing three options: "New Booking," "Add Assignment," and "Add Patient." Card Layout: Three cards displayed side by side, showing different patient categories: First Card: Label it "All Apply Queue," show "1432 Patients" with a small label "+4 In this Month." Second Card: Label it "New Patient Regular," show "432 Patients" with a label "+16 In this Month." Third Card: Label it "New Patient Member," show "500 Patients" with a label "+2 In this Month." Colors: Main action button ("Add New Appointment") in blue with white text. Cards should have light backgrounds with bold black numbers and light blue progress indicators (like the vertical blue line on the left of each card). Spacing and Alignment: Ensure that cards and text are center aligned with equal spacing between them.

Prompt
Component Preview

About

New Patient Approval - A sleek UI with date selector, action button, and three patient cards displaying stats, built with Angular and T. Copy now for free!

Share

Last updated 1 month ago