Support Widget by Plextera Studio
npm install plextera-support-widget> This widget represents a Web Component, so it works in any major framework or with no framework at all and runs in any browser supporting the Custom Elements specification.
To use Support Widget on any website, inject this into your HTML:
``html`
This will only load the necessary scripts needed to render .
You can also import the script as part of your node_modules in your applications entry file:
`tsx`
import 'plextera-support-widget';
In a React + TypeScript environment you may need to create declarations.d.ts file in root folder for custom tag definition:
`tsx
import { JSX as PlexteraJSX } from "plextera-support-widget/loader";
declare global {
namespace JSX {
interface IntrinsicElements extends PlexteraJSX.IntrinsicElements {}
}
}
`
In Angular Web Components could be enabled following way:
`ts
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
@NgModule({
...
schemas: [CUSTOM_ELEMENTS_SCHEMA],
})
export class AppModule {}
`
| Attribute | Description | Type | Default |
| -------------------------- | -------------------------------------------------------------------------------- | -------- | -------------- |
| customer | Host application name | string | "Plextera" |token
| | API token. Required | string | |client
| | Organization name. Required | string | |email
| | Contact email. Required | string | |contact-name
| | Contact name. Required | string | |open-btn-color
| | Open button color | string | "#808080"` |