@dpa-id-components/dpa-id-appswitcher
v1.2.7
Published
Package for the dpa id app switcher component
Downloads
48
Maintainers
Keywords
Readme
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/[email protected]/dist/dpa-id-appswitcher/dpa-id-appswitcher.esm.js"></script>
<script nomodule src="https://unpkg.com/@dpa-id-components/[email protected]/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'
|