---
id: payments-list
title: Payments List
description: Paginated table of payments with filtering, export, and quick actions for ops teams.
sidebar_position: 31
---
import {
CodeBlock,
PropsMarkdownTable,
PartsMarkdownTable,
getPropsFromDocs,
getComponentParts,
getWebcomponentsVersion,
ComponentBox,
setUpMocks,
} from '../helpers';
import docsJson from '../docs.json';
import componentTreeJson from '../component-tree.json';
import '@justifi/webcomponents/dist/module/justifi-payments-list';
{setUpMocks()}
## Overview
Component to render a formated list of payments for the requested account.
## Props, Events & Methods
### Events
- `click-event`: emitted when users select a row or click an inline action; `event.detail` surfaces `payment_id`.
- `error-event`: surfaces API or token errors for logging.
## Theming & Layout
# Example Usage
---
---
{`
justifi-payments-list
`}