VB
Vikas Bidhuri

Invoice Details - Copy this React, Tailwind Component to your project

{-"status":-200,-"invoices":-{-"id":-"INV2-JM24-HEVR-JLLQ-WUXM",-"status":-"MARKED_AS_PAID",-"detail":-{-"currency_code":-"USD",-"note":-"Thank-you-for-your-business.",-"terms_and_conditions":-"No-refunds-after-30-days.",-"category_code":-"SHIPPABLE",-"invoice_number":-"0024",-"invoice_date":-"2025-01-27",-"payment_term":-{-"term_type":-"NO_DUE_DATE"-},-"viewed_by_recipient":-false,-"group_draft":-false,-"metadata":-{-"create_time":-"2025-01-28T02:57:40Z",-"last_update_time":-"2025-01-28T02:57:41Z",-"created_by_flow":-"REGULAR_SINGLE",-"recipient_view_url":-"https://www.sandbox.paypal.com/invoice/p/#JM24HEVRJLLQWUXM",-"invoicer_view_url":-"https://www.sandbox.paypal.com/invoice/details/INV2-JM24-HEVR-JLLQ-WUXM",-"caller_type":-"API_V1_INVOICE",-"spam_info":-{}-},-"archived":-false-},-"invoicer":-{-"business_name":-"Mitchell-&-Murray",-"name":-{-"given_name":-"Monir",-"surname":-"Dev",-"full_name":-"Monir-Dev"-},-"address":-{-"address_line_1":-"1234-First-Street",-"admin_area_2":-"Anytown",-"admin_area_1":-"CA",-"postal_code":-"98765",-"country_code":-"US"-},-"email_address":-"sb-lkwym10694646@personal.example.com"-},-"primary_recipients":-[-{-"billing_info":-{-"name":-{-"given_name":-"John",-"surname":-"Doe",-"full_name":-"John-Doe"-},-"email_address":-"bill-me@example.com"-},-"shipping_info":-{-"name":-{-"given_name":-"John",-"surname":-"Doe",-"full_name":-"John-Doe"-},-"address":-{-"address_line_1":-"1234-Main-Street",-"admin_area_2":-"Anytown",-"admin_area_1":-"CA",-"postal_code":-"98765",-"country_code":-"US"-}-}-}-],-"items":-[-{-"id":-"ITEM-96946323C1919810U",-"name":-"T-shirt",-"quantity":-"1",-"unit_amount":-{-"currency_code":-"USD",-"value":-"25.00"-},-"tax":-{-"id":-"TAX-1DV59940YC509532C",-"name":-"Tax",-"percent":-"0",-"amount":-{-"currency_code":-"USD",-"value":-"0.00"-}-}-}-],-"configuration":-{-"tax_calculated_after_discount":-false,-"tax_inclusive":-false,-"allow_tip":-false,-"allow_only_pay_by_bank":-false,-"template_id":-"TEMP-0LN00807036477139"-},-"amount":-{-"breakdown":-{-"item_total":-{-"currency_code":-"USD",-"value":-"25.00"-},-"discount":-{-"invoice_discount":-{-"percent":-"0",-"amount":-{-"currency_code":-"USD",-"value":-"0.00"-}-},-"item_discount":-{-"currency_code":-"USD",-"value":-"0.00"-}-},-"tax_total":-{-"currency_code":-"USD",-"value":-"0.00"-},-"shipping":-{-"amount":-{-"currency_code":-"USD",-"value":-"0.00"-}-}-},-"currency_code":-"USD",-"value":-"25.00"-},-"due_amount":-{-"currency_code":-"USD",-"value":-"0.00"-},-"payments":-{-"paid_amount":-{-"currency_code":-"USD",-"value":-"25.00"-},-"transactions":-[-{-"type":-"EXTERNAL",-"payment_id":-"EXTR-7C543970G0156241X",-"payment_date":-"2025-01-27",-"method":-"PAYPAL",-"note":-"Payment-was-processed-via-PayPal-successfully.",-"amount":-{-"currency_code":-"USD",-"value":-"25.00"-}-}-]-},-"links":-[-{-"href":-"https://api.sandbox.paypal.com/v2/invoicing/invoices/INV2-JM24-HEVR-JLLQ-WUXM",-"rel":-"self",-"method":-"GET"-}-],-"unilateral":-false-}-}

Prompt
Component Preview

About

InvoiceDetails - View detailed invoices with status, payment terms, and item breakdown. Built with React and Tailwind. Download free code!

Share

Last updated 1 month ago