DDHub Web Components

DDHub Web Components are a collection of Web Components developed and maintained by DialogData. Components are developed using lit-element, bootstrap 4 and font-awesome icons

Quick start

1. Install library

Install the web components library from npm

npm install ddhub-web-components-lib

2. Import theme

In order for the DDHub components to work you need to import the theme, there are two ways:

SCSS

@import "~ddhub-web-components-lib/theme/scss/theme";

CSS

@import "~ddhub-web-components-lib/theme/scss/theme.css";

3. Import component

import 'ddhub-web-components-lib/components/calendar/calendar.js';

import 'ddhub-web-components-lib/components/calendar/calendar';

4. Use component in template

<dd-calendar></dd-calendar>

Available Scripts

In the project directory, you can run:

`npm start`

Runs the storybook from where you can test your web component.
Open http://localhost:9009 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

`npm build`

Builds the library for production to the dist folder.
It builds the web components as well as the theme