---
id: payment-details
title: Payment Details
description: Detailed view for a single payment, including customer data, timeline events, and dispute shortcuts.
sidebar_position: 30
---
import {
CodeBlock,
PropsMarkdownTable,
PartsMarkdownTable,
getWebcomponentsVersion,
getPropsFromDocs,
getComponentParts,
ComponentBox,
setUpMocks,
} from '../helpers';
import docsJson from '../docs.json';
import componentTreeJson from '../component-tree.json';
import '@justifi/webcomponents/dist/module/justifi-payment-details';
{setUpMocks()}
## Overview
Component to display detailed information about a specific payment.
## Usage
{`
justifi-payment-details
`}
## Props, Events & Methods
### Events
- `error-event`: Surfaces API or token errors for logging.
- `record-click-event`: Emitted when users click on a related record (e.g., refund, dispute).
## Theming & Layout
# Example Usage
---
---