Skip to main content

​
Repository & package

Link
GitHubgithub.com/AlphScan/sdk-react-ui
npmnpmjs.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.