AA
ANDRES ARBOLEDA

Mortgage Credit Control Panel - Copy this React, Tailwind Component to your project

"Design a mortgage credit control panel using a clean, organized layout. The panel should be divided into two main sections. The left section displays personal and mortgage related information, including fields for 'ID Number,' 'Debtor,' 'Mortgage Lender,' 'Property Address,' 'Phone Number,' and 'Email.' Each field should have a label with its data displayed in a rounded, light colored box. The right section focuses on the mortgage status, with fields for 'Status,' 'Capital Balance,' 'Interest Rate,' 'Interest Amount,' 'Last Interest Date,' 'Months Active,' 'Pending Interests,' 'Total Interests,' 'Total Debt,' and 'Last Record.' Place each label and value pair similarly to the left section. At the top, include a title bar with 'Mortgage Credit Control Panel' centered, and a 'Close' button in red on the left. Below the left section, add a blue button labeled 'Options.' Use subtle borders and light colors for a professional, readable appearance."

Prompt
Component Preview

About

MortgageCreditControlPanel - A clean layout with personal info fields, mortgage status, and a title bar. Built with React and Tailwind. Access free code!

Share

Last updated 1 month ago