DPA-ID Appswitcher vue component

Vue wrapper for the DPA ID Appswitcher.

Install

To add the package to your project run

npm install @dpa-id-components/dpa-id-appswitcher-vue

Usage

You can import the component like any other vue component.

<template>
  <DpaIdAppswitcher></DpaIdAppswitcher>
</template>

<script setup>
import { DpaIdAppswitcher } from '@dpa-id-components/dpa-id-appswitcher-vue';

</script>

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