MarketTable

A full-featured table component for displaying marketplace listings with sorting, filtering, and action capabilities.

🔧

Live preview would be rendered here

Component: MarketTable

Install component

npm

$npm install bigblocks

import { MarketTable } from 'bigblocks';

export default function MarketplacePage() {
  const listings = [
    {
      id: '1',
      title: 'Bitcoin T-Shirt',
      price: { bsv: '0.01', satoshis: 1000000 },
      seller: { name: 'CryptoStore', rating: 4.8 },
      category: 'clothing',
      status: 'active'
    }
  ];

  return (
    <MarketTable
      listings={listings}
      onListingClick={(listing) => router.push(`/listing/${listing.id}`)}
      onBuySuccess={(txid, listing) => {
        console.log('Purchase successful:', txid);
      }}
    />
  );
}