Skip to main content
NormalizedEventsList renders an array of NormalizedEvent with optional custom row rendering or category-specific rows.

​
Props

PropTypeDefaultDescription
eventsNormalizedEvent[]requiredList of events to display.
classNamestring""Root container class.
listClassNamestring”space-y-3”List wrapper class.
renderEventfunction—Custom render per event.
EventRowComponentcomponent—Custom component per event.
useCategoryComponentsbooleantrueUse ContractCallEventRow for contract_call.
eventRowPropsobjectProps for default NormalizedEventRow.
emptyMessageReactNode”No events”When events.length is 0.

​
Example

import { NormalizedEventsList } from "@alphscan/sdk-react-ui";
import "@alphscan/sdk-react-ui/styles.css";

<NormalizedEventsList
  events={data.events}
  emptyMessage="No events for this transaction"
  eventRowProps={{ explorerUrl: "https://explorer.alephium.org", amountDecimals: 4 }}
/>
When useCategoryComponents is true, contract_call events use ContractCallEventRow; others use NormalizedEventRow.

​
Custom row

<NormalizedEventsList
  events={events}
  renderEvent={(event) => <div key={event.id}>{event.category}</div>}
/>