> ## Documentation Index
> Fetch the complete documentation index at: https://docs.rover.inc/llms.txt
> Use this file to discover all available pages before exploring further.

# Block Detail Page

> The Block Detail Page gives a focused view of a single block, including its metadata, miner rewards, gas usage, and all transactions it contains.

export const DetailPageTabs = () => {
  const [activeTab, setActiveTab] = useState('Transaction');
  const tabs = ['Transaction', 'Address (Account)', 'Address (Smart Contract)', 'Asset (Token)', 'Asset (NFT)', 'Block'];
  return <div className="rounded-xl mt-3 pt-6">
      <div className="flex mb-2 overflow-x-auto">
        {tabs.map(tab => <button key={tab} onClick={() => setActiveTab(tab)} className={`text-sm font-medium px-2 py-1 whitespace-nowrap transition-all duration-200 ${activeTab === tab ? 'opacity-100 bg-neutral-200 dark:bg-neutral-800 dark:text-neutral-100' : 'opacity-60 bg-transparent hover:opacity-100'}`} style={{
    borderRadius: activeTab === tab ? '8px' : '0'
  }}>
            {tab}
          </button>)}
      </div>
      <div>
        <h4 className="font-semibold mb-4 text-neutral-900 " style={{
    letterSpacing: '-0.022em'
  }}>
          Subtransactions (aka Internal Transactions)
        </h4>
        <p className="mb-0 text-neutral-700 dark:text-neutral-300">
          <span style={{
    fontSize: '15px',
    lineHeight: '1.7'
  }} className="sm:text-[15px]">
            There is a unique icon associated with each subtransaction that indicates the level the subtransaction exists at in relation to the root transaction. The syntax (0-1-0) is how you can follow it.
          </span>
        </p>
      </div>
    </div>;
};

export const Container = ({children}) => {
  return <div className="px-1">
      {children}
    </div>;
};

## Page purpose

Use the Block Detail Page when you need to answer “what happened in this block, who produced it, and which transactions were included?”. It follows the same layout as other Rover detail pages so you can quickly pivot between blocks, transactions, addresses, and assets without changing context.​

<img src="https://mintcdn.com/rover-164fa3ac/l1VGsHwF9rPfoiB4/detail-pages/block-props.webp?fit=max&auto=format&n=l1VGsHwF9rPfoiB4&q=85&s=016c58822fa72c97edba4bdfcb871ecf" alt="Block Props" width="2490" height="1860" data-path="detail-pages/block-props.webp" />

## Header and core metadata

At the top, the page shows the Block label (for example, “Block #24,213,271”) and a badge indicating that this entity is a Block. The properties show metadata such as:

* Block Hash
* Date
* Transaction Count: the total number of transactions included in the block.

Additional fields summarize who produced the block and how much gas was used: Miner, Total Miner Reward (in ETH and USD), Total Gas Used, and Views, which shows how many workspace views reference this block.

You can click the `+ Add Properties` button to see add or remove information from the detail page.

## Transactions section

The Transactions section lists every transaction included in the block.

<img src="https://mintcdn.com/rover-164fa3ac/i6mSuOEsMV9WVQMG/detail-pages/block-txns.webp?fit=max&auto=format&n=i6mSuOEsMV9WVQMG&q=85&s=620468a883c4695f66d3a07c450d9d7a" alt="Block Txns" width="2490" height="1860" data-path="detail-pages/block-txns.webp" />

## Navigation and workflows

From a Block Detail Page, you can move directly into related entities by clicking transaction hashes or participant addresses to open their Transaction or Address Detail Pages in the same panel system. This makes it easy to start from an anomalous block (for example, unusual gas usage) and quickly drill into individual transactions, counterparties, and assets involved.​