sdk-react-ui installation - Alphscan

Repository & package

	Link
GitHub	github.com/AlphScan/sdk-react-ui
npm	npmjs.com/package/@alphscan/sdk-react-ui

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.