@dpa-id-components/dpa-id-app-switcher

A component that displays an on-demand list of applications that use the dpa ID.

Usage no npm install needed!

<script type="module">
  import dpaIdComponentsDpaIdAppSwitcher from 'https://cdn.skypack.dev/@dpa-id-components/dpa-id-app-switcher';
</script>

README

@dpa-id-components/dpa-id-app-switcher

A component that displays an on-demand list of applications that use the dpa ID.

Browser compatibility

  • The web component version (wc) should work in any modern browser expcet for Microsoft Internet Explorer.
  • The vue.js library version (lib) should have support for Microsoft Internet Explorer 11. A polyfill for window.Promise is needed, see lib/demo.html.

Installation

yarn add @dpa-id-components/dpa-id-app-switcher

Usage

Props

prop type default desc
isLight Boolean false If a light version of the app opener icon should be displayed
isSmall Boolean false If a small version (24px) of the app opener icon should be displayed

With a module System (commonjs-node)

Using single file components and postcss imports

<template>
  <DpaIdAppSwitcher />
</template>
<script>
  import DpaIdAppSwitcher from "@dpa-id-components/dpa-id-app-switcher";

  export default {
    components: {
      DpaIdAppSwitcher
    }
  };
</script>

<style postcss>
  @import "@dpa-id-components/dpa-id-app-switcher/lib/dpa-id-app-switcher.css";
</style>

In the browser (universal modules)

See wc/demo.html

As web component (custom elements)

See lib/demo.html