@hcl-software/enchanted-web-components

Usage

npm install @hcl-software/enchanted-web-components

import '@hcl-software/enchanted-web-components/dist/components/atomic-component/enchanted-button';

...

render() {
  return html`
    <enchanted-button
      @click=${debounce(this.handleClick, DEFAULT_CLICK_DEBOUNCE_WAIT)}
      ?disabled="${this.disabled || nothing}"
      imgurl="${svgSearchUrl}"
      buttontext="${this.buttontext || getMessage(this.locale, 'header.enduser.search')}"
      exportparts="${Object.values(BUTTON_PARTS).join(',')}"
    >
    </enchanted-button>
  `;
}

Development

NPM targets

We provide the following utility development commands:

| task | command | description | |--|--|--| | install | npm ci | Initial installation of the project dependencies. Run this to get started. | | clean | rm -rf node_modules and rm -rf dist | Removes all node_modules etc | | build lib | npm run build and npm run build-complete | Builds the package | | lint | npm run lint | Run the linting task | | styling | npm run compile-enchanted-css and npm run watch-enchanted-css | Runs the styling tasks | | build storybook | npm run build-storybook | Builds a storybook | | storybook | npm run storybook | Runs a storybook instance | | testing | npm run test-unit and npm run test-snapshot | Run unit and snapshot tests |