Transaction History
A component for displaying transaction history with filtering and sorting capabilities.
Total Transactions: 5
Transactions
115 total
Sent
Confirmed0xabc.....def → 0xdef.....789
−1.0000 ETH
Just now
Received
Confirmed0xdef.....789 → 0xabc.....def
+1.0000 ETH
20m ago
Swap
Pending0x789.....123 → 0xfed.....456
0.5000 ETH
1h ago
Sent
Failed0xabc.....def → 0x123.....456
−2.5000 ETH
2h ago
Contract Call
Confirmed0xfed.....456 → 0x789.....123
0.7500 ETH
3h ago
Installation
Run the following command to add the Transaction History component to your project:
npx shadcn@latest add https://w3-kit.com/registry/transaction-history.jsonThis will:
- Create the component in your
components/uidirectory - Add all necessary dependencies to your package.json
- Set up required configuration files
- Add transaction formatting utilities to your project