@dpa-id-components/dpa-id-appswitcher

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-appswitcher

If 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'