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';

or

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