CompactMarketTable

A space-efficient table component for displaying marketplace listings in constrained layouts with optimized mobile responsiveness

🔧

Live preview would be rendered here

Component: CompactMarketTable

Install component

npm

$npm install bigblocks

import { CompactMarketTable } from 'bigblocks';

export default function SidebarListings() {
  const recentListings = [
    {
      id: '1',
      title: 'Bitcoin Art NFT',
      price: 1000000, // 0.01 BSV
      priceBSV: '0.01',
      seller: {
        address: '1BitcoinArtist...',
        name: 'CryptoArtist'
      },
      category: 'Digital Art',
      status: 'active',
      createdAt: Date.now()
    },
    // ... more listings
  ];

  return (
    <CompactMarketTable
      listings={recentListings}
      maxItems={5}
      onItemClick={(listing) => {
        console.log('Selected listing:', listing.id);
        window.location.href = `/listing/${listing.id}`;
      }}
    />
  );
}