@jpmorgan-payments/embedded-banking-components
TypeScript icon, indicating that this package has built-in type declarations

0.1.0 • Public • Published

Embedded Banking Components

Seamlessly integrate sophisticated UI components into your existing applications with Embedded Components, offering a plug-and-play solution for Embedded Banking features.

This library is a works-in-progress.

Contributing

Recommended VSCode plugins:

  • Prettier
  • Tailwind CSS Intellisense

Recommended VS Code Settings

files.associations

Use the files.associations setting to tell VS Code to always open .css files in Tailwind CSS mode:

"files.associations": {
  "*.css": "tailwindcss"
}

editor.quickSuggestions

By default VS Code will not trigger completions when editing "string" content, for example within JSX attribute values. Updating the editor.quickSuggestions setting may improve your experience:

  "strings": "on"
}

Guidelines

  1. Create a new component in ./src/core
  2. Export it in ./src/index.tsx
  3. Also add it to ./src/vanilla/componentRegistry.ts

npm scripts

Build and dev scripts

  • dev – start development server
  • build – build production version of the app
  • preview – locally preview production build

Testing scripts

  • typecheck – checks TypeScript types
  • lint – runs ESLint
  • prettier:check – checks files with Prettier
  • vitest – runs vitest tests
  • vitest:watch – starts vitest watch
  • test – runs vitest, prettier:check, lint and typecheck scripts

Other scripts

  • storybook – starts storybook dev server
  • storybook:build – build production storybook bundle to storybook-static
  • prettier:write – formats all files with Prettier

Readme

Keywords

none

Package Sidebar

Install

npm i @jpmorgan-payments/embedded-banking-components

Weekly Downloads

4

Version

0.1.0

License

Apache-2.0

Unpacked Size

1.03 MB

Total Files

6

Last publish

Collaborators

  • jpmc-publisher
  • brooklynrob