@dpa-id-components/dpa-id-appswitcher-vue NPM

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