The Sort <PushNotifications/> React Component lets you easily include live blockchain transactions into your application.

Light mode

Dark mode

Props

Name	Default Value	Description
contract_address		Contract address to show latest transactions for, must be a "sponsored" contract in Sort
function_name		Contract function name for filtering
num	10	Number of results to display
height	500px	CSS height property
theme	dark	"dark" or "light

Code Example

import { PushNotifications } from "@sort/react-components";

export default function ShowRealtimeTransactions() {
  return 
    <PushNotifications 
      contract_address="0x6b175474e89094c44da98b954eedeac495271d0f"
      function_name="execute"
      height="200px"
      theme="light"
    />
}