> ## Documentation Index
> Fetch the complete documentation index at: https://docs.encoreos.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Pay Stub

> View the detailed breakdown for a single pay stub, including earnings, deductions, and net pay summary.

The Pay Stub detail page displays the full breakdown for a single pay stub and is available at `/hr/me/pay/stubs/:id`.

## Overview

The Pay Stub detail page (`PayStubDetailPage`, HR-07) renders the full detail view for a single pay stub identified by its `:id` URL parameter. The page loads stub data via `usePayStubDetail` and renders the content using `PayStubDetailView`. A back button navigates to `/hr/me/pay` (the employee payroll self-service page). This page is part of the employee self-service module (`selfServiceRoutes`) and handles PHI/PII-adjacent compensation data.

## Who it's for

Access follows your organization's role and module configuration. ## Before you start

* Pay stubs are generated as part of payroll runs.
* Navigate to `/hr/me/pay` to see your pay history and find the stub you need.

## Steps

1. Navigate to `/hr/me/pay` to view your payroll self-service page.
2. Click a pay stub in the list to open its detail page at `/hr/me/pay/stubs/:id`.
3. Review the earnings, deductions, and net pay information.

## Related

<Columns cols={2}>
  <Card title="Human Resources" icon="users" href="/hr/overview">
    Human Resources core overview.
  </Card>

  <Card title="Governance & parity" icon="scale-balanced" href="/governance/index" />
</Columns>

<Note>
  This page documents shipped product behavior. It is not medical, legal, or
  billing advice. Verify against your organization's policies and applicable
  regulations before using it for clinical, compliance, or billing decisions.
  Protected health information (PHI) shown in the product is governed by your
  tenant's access controls and is never exposed in this documentation.
</Note>

<Accordion title="Documentation sources">
  * src/routes/hr/self-service-routes.tsx
  * src/cores/hr/self-service/pages/PayStubDetailPage.tsx
  * src/cores/hr/self-service/hooks/usePayStubDetail.ts
</Accordion>