1.2.7 • Published 9 months ago
@dpa-id-components/dpa-id-appswitcher v1.2.7
DPA-ID Appswitcher web component
Web component of the DPA ID Appswitcher
Install
To add the package to your project run
npm install @dpa-id-components/dpa-id-appswitcherIf you want to integrate it via a script tag add
<script type="module" src="https://unpkg.com/@dpa-id-components/dpa-id-appswitcher@1.1.0/dist/dpa-id-appswitcher/dpa-id-appswitcher.esm.js"></script>
<script nomodule src="https://unpkg.com/@dpa-id-components/dpa-id-appswitcher@1.1.0/dist/dpa-id-appswitcher/dpa-id-appswitcher.js"></script>Usage
When the necessary JS is loaded you can simply add
<dpa-id-appswitcher></dpa-id-appswitcher>to your code.
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
arrowDistanceRight | arrow-distance-right | Distance of the arrow from the right border | string | '1rem' |
backgroundColor | background-color | Color of the background | string | '#fff' |
fontColor | font-color | Color of the font | string | 'rgb(33, 33, 33)' |
iconColor | icon-color | Color of the icon | string | 'rgb(33, 33, 33)' |
outerSize | outer-size | Inner size of the icon | number | 24 |
overlayRight | overlay-right | Distance of the overlay from the right border of the wrapper | string | '0' |
overlayTop | overlay-top | Distance of the overlay from the bottom border of the wrapper | string | '30px' |
stage | stage | Stage to fetch data from | string | 'www' |