Skip to content

Latest commit

 

History

History
36 lines (20 loc) · 2.58 KB

readme.md

File metadata and controls

36 lines (20 loc) · 2.58 KB
Raw

Built With Stencil

OLE - Homecredit international webcomponents kit

This is Homecredit WebComponent library catalogue. Write once use forever 🖖

Getting Started

Naming Components

When creating new component tags, we recommend not using stencil in the component name (ex: <stencil-datepicker>). This is because the generated component has little to nothing to do with Stencil; it's just a web component!

Instead, use a prefix that fits your company or any name for a group of related components. For example, all of the Ionic generated web components use the prefix ion.

Using this component

Script tag

  • Publish to NPM
  • Put a script tag similar to this <script src='https://unpkg.com/[email protected]/dist/mycomponent.js'></script> in the head of your index.html
  • Then you can use the element anywhere in your template, JSX, html etc

Node Modules

  • Run npm install my-component --save
  • Put a script tag similar to this <script src='node_modules/my-component/dist/mycomponent.js></script> in the head of your index.html
  • Then you can use the element anywhere in your template, JSX, html etc

In a stencil-starter app

  • Run npm install my-component --save
  • Add { name: 'my-component' } to your collections
  • Then you can use the element anywhere in your template, JSX, html etc