Skip to main content

Repository & package

Part of AlphScan; npm packages are private until release.

npm / pnpm

npm install @alphscan/sdk-react-ui @alphscan/sdk-react @alphscan/normalized-events
# or
pnpm add @alphscan/sdk-react-ui @alphscan/sdk-react @alphscan/normalized-events

Peer dependencies

  • react >= 18
  • @alphscan/normalized-events (for NormalizedEvent type)
  • @alphscan/sdk-react (optional; for useTxNormalizedEvents)

Styles

The package ships a prebuilt Tailwind CSS file. Import it once (e.g. in your root layout or App):
import "@alphscan/sdk-react-ui/styles.css";
If your app already uses Tailwind with the same config, you may rely on your own build; the components use standard Tailwind classes (e.g. rounded-lg, border, p-3, text-gray-700, dark:border-gray-600).

Workspace (monorepo)

{
  "dependencies": {
    "@alphscan/sdk": "workspace:*",
    "@alphscan/sdk-react": "workspace:*",
    "@alphscan/sdk-react-ui": "workspace:*",
    "@alphscan/normalized-events": "workspace:*"
  }
}
Build order: normalized-events, sdk, sdk-react, sdk-react-ui.

Next

NormalizedEventsList

Use the list component with your events.