D&D Mapp UI

The source of @dnd-mapp/ui, the Angular component library of D&D Mapp. It holds the presentational components of the D&D Mapp apps, built after the components in the Design system Figma file and styled with @dnd-mapp/design-tokens.

The repository is an Angular workspace with a single project, the library in projects/ui. Read the package readme to install and use the components, and browse them in the Storybook of main.

Getting started

Install Node and pnpm in the versions that devEngines in package.json sets, then install the dependencies and the Chromium browser that the tests run in.

pnpm install
pnpm exec playwright install chromium

Run the tests in watch mode with the Vitest UI, or build the package into dist/ui.

pnpm test
pnpm run build

Serve Storybook on port 6006 to see the components in the light and the dark theme.

pnpm run storybook

Contributing

Contributions are welcome. See the contributing guide for the project layout, the checks, the release steps, and the commit conventions.

License

MIT © D&D Mapp