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