Claim Tracker

Detailed claims tracking with documents, timeline, and status.

Preview · Claim Tracker

Code

HTML · @primus/ui-core
React
Angular

<div class="card" style="max-width:340px;padding:1.25rem">
  <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:0.75rem">
    <h3 style="margin:0;font-size:0.9rem">CLM-2048</h3>
    <span class="badge accent">Submitted</span>
  </div>
  <progress value="25" max="100"></progress>
  <p style="margin:0.5rem 0 0;font-size:0.75rem;color:var(--muted-foreground)">Step 1 of 4 — Awaiting adjuster assignment</p>
</div>

import { ClaimStatusTracker } from 'primus-react-ui';

<ClaimStatusTracker claimId="CLM-2048" steps={claimSteps} />

<primus-claim-tracker claimId="CLM-2048" status="Submitted" [steps]="claimSteps">
</primus-claim-tracker>

Props

Prop	Type	Default	Description
`claimId`	`string`	—	Claim identifier
`status`	`string`	—	Current status
`steps`	`Step[]`	required	Step definitions

Version history

See the Changelog for version history and breaking changes.

Code​

Props​

Code

Props