Skip to content

Latest commit

 

History

History
52 lines (35 loc) · 820 Bytes

File metadata and controls

52 lines (35 loc) · 820 Bytes

initialyzer-design-system

Getting Started


install dependency node modules

npm install

Bootstrap all the web-components

npm run build

Now open index.html from /src/ in browser and you can test your web component's markup


Integrate web component in other projects


Bundle of web components that can be imported in your main.js. For example,

// main.js

@import 'initilayzer-ds/web-component/src/title/title'

and in markup add custom element where you want to display

// In your markup 

<title-web-cmp 
    class="cmp-web-title"
    text="Initialyze Design System" 
    type="h1">
</title-web-cmp>

Compoent property mapping


Component property value
Title text text to display
type h1-h6