TypeScript icon, indicating that this package has built-in type declarations

    1.5.1 • Public • Published

    Web Component Library

    About this project

    Development Setup

    1. npm ci to install dependencies
    2. npm run storybook for development
    3. npm run build to compile the library to update it in external projects that have it installed locally
    4. npm run deploy to build and publish the library to NPM and Storybook application to GitHub Pages. See Publishing for more details.
    5. npm run gen to create a new component.

    Using the library in a project locally

    1. From inside the web-component-library repository
    • run npm run build to build the latest changes
    • then run npm link.
    1. Then inside the repository using the library. e.g. inside web-react-ui-toolkit
    • run npm link @tigerconnect/web-component-library.

    For further changes, only npm run build is needed (and sometimes restarting the web-react-ui-toolkit build/watcher, for example)

    Editor Setup

    This project uses PostCSS, which will require some setting changes so that your CSS files will be understood and formatted auto-correctly:

    VS Code

    Include in your VSCode editor settings (JSON):

    "files.associations": {
     "*.css": "scss"
    "editor.codeActionsOnSave": {
       "source.fixAll.stylelint": true


    As a quick workaround you can use :set ft=scss.


    1. Bump the package.json version higher than what is currently published, follow proper semantic versioning, and document the changes in CHANGELOG.md.
    2. Run npm run deploy. The command will run npm run build and then npm publish.
      • This command will also build and deploy the latest Storybook application to GitHub Pages.
    3. Update any repo using this package to have the newly published version and reinstall respectively.

    Storybook Deployment

    We currently deploy three different versions of Storybook to help facilitate sharing changes during different development phases.

    1. https://tigertext.github.io/web-component-library/ holds the production version and is deployed when publishing the library to NPM with npm run deploy.
    2. https://login.tigerconnect.xyz/app/components/ holds the latest pre-release version (or is in sync with the production version) and is deployed when the master branch is updated.
    3. https://login.tigerconnect.xyz/feature/FEATURE_BRANCH_NAME/app/components holds your development changes and is deployed when your feature branch is updated.




    npm i @tigerconnect/web-component-library

    DownloadsWeekly Downloads






    Unpacked Size

    192 kB

    Total Files


    Last publish


    • tc-lragsdale
    • detrevortni
    • tc-msundaram
    • chaseshirey
    • mwolson
    • bjdelro