@digital-health/gestalt

The Digital Health Gestalt package contains the Web Components that make up the reusable UI building blocks for all Digital Health products.

Features

• Tiny, highly optimized components built with Stencil

How to use

Vanilla HTML

Easiest way to start using Digital Health Gestalt is by adding a script tag to the CDN:

<script src="https://unpkg.com/@digital-health/[email protected]/dist/gestalt.js"></script>

Any Digital Health component added to the webpage will automatically load. This includes writing the component tag directly in HTML, or using JavaScript such as document.createElement('g-avatar').

Additionally, within this package is a dist/gestalt.js file and accompanying dist/gestalt/ directory. These are the same files which are used by the CDN, and they're available in this package so they can be apart of an app's local development.

Contributing

Project setup

npm install

Compiles and hot-reloads for component development

npm run storybook

Runs Lint, Build, and Tests

npm run validate

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Run your tests

npm run test

Run your end-to-end tests

npm run test:e2e

Run your unit tests

npm run test:unit

Related

• Stencil
• Stencil Worldwide Slack