CRM UI components for contacts and invoices

A CRM keeps everything about a customer in one place, the people, the conversations, the open deals and the money. The two components here follow that path, from the contact you just met to the invoice that is paid, and both read your records through props.

CRM contact shows a contact profile with tabs, a contact history with filters and new entries, the deals of a contact with value, chance and a stage ladder, notes with @ mentions and a contact list with the detail beside it. Invoice brings a printable invoice document, an editor with live sums and checks before sending, an invoice list with filters and bulk actions, a page where the customer pays and payment reminders in stages.

Put the next action on top of every contact, a call, a mail or a meeting, then the history follows by itself. Keep invoice numbers, tax rates and payment details in your own system and pass them in, the components format amounts and dates in the language of the page.