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

# Components reference

> All sdk-react-ui components and types

## Summary

| Component                        | Purpose                                                                 |
| -------------------------------- | ----------------------------------------------------------------------- |
| **NormalizedEventsList**         | List of events; configurable row (default, by category, or custom).     |
| **NormalizedEventRow**           | Default row: category, from/to, amount, tx link.                        |
| **NormalizedEventRowByCategory** | Picks ContractCallEventRow for contract\_call, else NormalizedEventRow. |
| **ContractCallEventRow**         | Row for contract\_call: method, parameters, token approved.             |

***

## NormalizedEventsListProps

| Prop                  | Type                                  | Default     |
| --------------------- | ------------------------------------- | ----------- |
| events                | NormalizedEvent\[]                    | —           |
| className             | string                                | ""          |
| listClassName         | string                                | "space-y-3" |
| renderEvent           | (event, index) => ReactNode           | —           |
| EventRowComponent     | ComponentType with event, index       | —           |
| useCategoryComponents | boolean                               | true        |
| eventRowProps         | Omit NormalizedEventRowProps, "event" | {}          |
| emptyMessage          | ReactNode                             | "No events" |

***

## NormalizedEventRowProps

| Prop             | Type            |
| ---------------- | --------------- |
| event            | NormalizedEvent |
| explorerUrl      | string \| null  |
| className        | string          |
| badgeClassName   | string          |
| contentClassName | string          |
| amountDecimals   | number          |

***

## ContractCallEventRowProps

Same as NormalizedEventRowProps with event typed as NormalizedEvent and category "contract\_call".

***

## NormalizedEventRowByCategoryProps

Same as NormalizedEventRowProps.

***

## Styles

Import the built Tailwind output:

```tsx theme={null}
import "@alphscan/sdk-react-ui/styles.css";
```

Components use Tailwind utility classes and CSS variables (e.g. var(--alphscan-badge-bg)) for theming.