@9amhealth/webcomponents

9amHealth WebComponents

https://9amhealth.github.io/web-component-library

Setup

# install dependencies
yarn

# Development
# starts a development server with storybook
yarn dev

# Build
yarn build

Use

Import the main CSS and JS files into your project.

import "@9amhealth/webcomponents/dist/setup.css";
import "@9amhealth/webcomponents/dist/hubspot.css"; // just for hubspot
import "@9amhealth/webcomponents";

Input Components

Mask

To use the mask feature you need to load https://imask.js.org/ Define a global variable IMask for the library.

Then the "mask" attribute can be used on an input element. set "lazy" to false to always show the mask while typing.

// Typescript example
import IMask from "imask";
(window as any).IMask = IMask;