CCApplicationStatus

A React component for displaying application statuses.

Installation

You can install CCApplicationStatus via npm or yarn:

npm install @carclarity/cc-application-status

or

yarn add @carclarity/cc-application-status

Usage

Import the CCApplicationStatus component and use it in your React application:

import { CCApplicationStatus } from '@carclarity/cc-application-status';

function MyApp() {
  return (
    <div>
      <CCApplicationStatus status="New" />
    </div>
  );
}

Available Statuses

• New:
• In Progress:
• Callback Requested:
• Lost:
• Unqualified:
• Exhausted:
• Qualified:
• Application In Progress:
• Application Started:
• Awaiting Docs:
• Documents Received:
• Ready for Submission:
• Submitted to Lender:
• Application Withdrawn:
• Approved:
• Declined:
• Pending Settlement:
• Won:

Props

• status (Required): The status of the application.
• reason (Optional): Additional reason or context for the status.

Examples

Here are some examples demonstrating how to use the CCApplicationStatus component with different statueses:

<CCApplicationStatus status="In Progress" />
<CCApplicationStatus status="Lost" />
<CCApplicationStatus status="Unqualified" reason="Missing documents" />