https://github.com/espressotutorials/et-customer-self-service-web-component
Stenciljs based web component for customer self service registration.
https://github.com/espressotutorials/et-customer-self-service-web-component
Last synced: about 1 year ago
JSON representation
Stenciljs based web component for customer self service registration.
- Host: GitHub
- URL: https://github.com/espressotutorials/et-customer-self-service-web-component
- Owner: espressotutorials
- License: mit
- Created: 2021-07-19T09:01:05.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2021-07-19T10:02:04.000Z (almost 5 years ago)
- Last Synced: 2025-03-17T22:42:16.749Z (over 1 year ago)
- Language: TypeScript
- Size: 14.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
- License: LICENSE
Awesome Lists containing this project
README
# Self Service Registration Web Component
This web competence offers users a self-service registration for the online learning platform et.training.
## Installation
We published this component to npm, you could load the component through a CDN, you could include the components using an import statement. Note that type="module" only works in modern browsers (not available in IE11 or Edge 12-18).
```html
import { defineCustomElements } from 'https://cdn.jsdelivr.net/npm/@espressotutorialsgmbh/et-customer-self-service-web-component/loader/index.es2017.js';
defineCustomElements();
```
### Framework Integrations
#### Angular
Please visit the official documentation [https://stenciljs.com/docs/angular](https://stenciljs.com/docs/angular)
#### React
Please visit the official documentation [https://stenciljs.com/docs/react](https://stenciljs.com/docs/react)
#### Vue
Please visit the official documentation [https://stenciljs.com/docs/vue](https://stenciljs.com/docs/vue)
#### Ember
Please visit the official documentation [https://stenciljs.com/docs/ember](https://stenciljs.com/docs/ember)
#### JavaScript
Please visit the official documentation [https://stenciljs.com/docs/javascript](https://stenciljs.com/docs/javascript)
## Properties
| Property | Attribute | Description | Type | Default |
| ---------- | ---------- | ----------- | -------- | ----------- |
| `language` | `language` | Language | `string` | `undefined` |
## CSS Custom Properties
| Name | Description |
| ------------------- | --------------------------------------------------------- |
| `--color-gray-200` | Input background color |
| `--color-gray-500` | Privacy policy description text color, Input border color |
| `--color-gray-700` | Label text color, Input text color |
| `--color-green-500` | Success message color |
| `--color-key-500` | Button background color |
| `--color-key-600` | Button hover background color |
| `--color-red-500` | Error message color |
| `--color-white` | Success / Error message text color |
| `--font-family` | Base font family |
| `--font-size` | Base font size |
----------------------------------------------
*Built with [StencilJS](https://stenciljs.com/)*