A
Anonymous

Financial Record Details Modal

Design-a-modern-modal-UI-to-display-financial-record-details:-Key-Information:-Record-ID:-67318cab6e7d3922676fd371-Fees:-ID:-21649583,-Name:-Ex-Class:-Zero-Amount:-$10,000,-Total:-$20,000-Progress:-Completed:-0,-Due:-0,-Collection:-0-Assigned-To:-[Empty-if-unassigned]-Fine:-$0-Schedule:-Start:-Nov-10,-2024,-6:00-PM;-End:-Nov-12,-2024,-6:00-PM-Status:-PENDING-Timestamps:-Created/Updated:-[Human-readable-format]-Design:-Sections:-Organize-for-clarity-Status-Highlight:-Color-coded-"PENDING"-Responsive:-Desktop-&-mobile-friendly-Buttons:-Include-'Close'-and-'Edit'-Accessibility:-High-contrast,-readable-layout

Prompt
Component Preview

About

Design a sleek, responsive modal UI using Tailwind CSS and React to display detailed financial records with clear sections, color-coded statuses, and high accessibility standards.

Share

Last updated 1 month ago