A
Anonymous

Invoice Registration Component - Copy this Angular, Css Component to your project

Design a modern, user friendly web interface for a financial platform that handles invoice registrations. The page has a sidebar on the left with a 4 step progress wizard: (1) Upload type, (2) Invoice registration, (3) Confirmation of details, (4) Conclusion. Each step is clearly marked, with completed steps shown using checkmarks. On the right, the main section is a confirmation screen that displays invoice details in cards. Each card contains information like invoice number, total value, issue date, due date, client, and a unique key. The header includes an option to add more invoices, and there are buttons below each card to either edit or delete the invoice. The design uses a light color palette with white backgrounds and soft gray borders for the cards. Important action buttons like 'Confirm' and 'Edit' are highlighted in blue. The overall layout is minimalist, with clear typography, and consistent spacing between elements.

Prompt
Component Preview

About

Invoice Registration Component - A user-friendly interface with a 4-step wizard, invoice cards, and edit/delete options, built with Ang. Copy now for free!

Share

Last updated 1 month ago