Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Table Block Currency Values
Table component with formatted currency values and financial metrics for React finance dashboards
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Display financial data on your Next.js finance dashboard with this currency table component. Features locale-aware currency formatting, positive and negative value styling, percentage change indicators, multi-currency support with symbols, and aligned decimal columns. Built with shadcn/ui Table component using Tailwind CSS and Intl.NumberFormat. The precise monetary display builds trust—perfect for invoices, transaction logs, portfolio trackers, expense reports, or any React app handling financial data.
Financial Transactions
8 transactions this period
Revenue
$276,700.00
Expenses
$243,230.50
Net
$33,469.50
| ID | Description | Category | Amount | Change | Date | Status |
|---|---|---|---|---|---|---|
| TXN-001 | Enterprise License Q1 | Revenue | $125,000.00 | 8.7% | Jan 15, 2024 | Completed |
| TXN-002 | Cloud Infrastructure | Expenses | ($45,230.50) | 7.4% | Jan 14, 2024 | Completed |
| TXN-003 | Consulting Services | Revenue | $38,500.00 | 0% | Jan 14, 2024 | Completed |
| TXN-004 | Marketing Campaign | Expenses | ($28,750.00) | 10.2% | Jan 13, 2024 | Completed |
| TXN-005 | SaaS Subscriptions | Revenue | $89,200.00 | 13.8% | Jan 12, 2024 | Pending |
| TXN-006 | Employee Payroll | Expenses | ($156,800.00) | 0% | Jan 10, 2024 | Completed |
| TXN-007 | Hardware Purchase | Expenses | ($12,450.00) | 51.8% | Jan 8, 2024 | Failed |
| TXN-008 | Support Contract | Revenue | $24,000.00 | 9.1% | Jan 5, 2024 | Completed |
| Total | $33,469.50 | |||||
Negative values shown in parentheses. Change compares to previous period.
Installation
Related blocks you will also like
Table with Sortable Columns
Sort by amount
Table with Summary Footer
Sum totals
Table with Sparkline Charts
Value trends
Table with Export Options
Export financials
Table with Quick Filters
Filter by range
Table with Grouped Rows
Group by category
Questions you might have
React Table Block Crypto Portfolio
Table component with cryptocurrency portfolio showing holdings, prices, gains and allocation percentages for React finance dashboards
React Table Block Datetime Timestamps
Table component with formatted datetime cells and relative time indicators for React activity dashboards