emoney-shared-ui

React components published as a small ESM/CJS library.

Install

npm install emoney-shared-ui clsx tailwind-merge react react-dom

clsx and tailwind-merge are required runtime dependencies (used by the cn helper).

Styles (Tailwind v4)

Components use Tailwind utility classes and CSS variables (e.g. --primary, --background). Your app must:

1. Use Tailwind CSS v4 and include a theme compatible with these tokens, or
2. Copy the design tokens from this repo’s styles/globals.css into your app.

The published package contains JavaScript only — no prebuilt CSS is shipped.

Usage

import { Alert, AlertDescription } from 'emoney-shared-ui';

export function Example() {
  return (
    <Alert variant="primary">
      <AlertDescription>Message</AlertDescription>
    </Alert>
  );
}

Development

npm install
npm run storybook

Build

npm run build

Inspect the npm tarball before publishing:

npm pack