DPA-ID Appswitcher react component

React wrapper for the DPA ID Appswitcher.

Install

To add the package to your project run

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

Usage

You can import the component like any other react component.

import React, { useState } from 'react';
import { DpaIdAppswitcher, defineCustomElements } from '@dpa-id-components/dpa-id-appswitcher-react';

defineCustomElements();

function Example() {
  return (
    <div>
      <DpaIdAppswitcher></DpaIdAppswitcher>
    </div>
  );
}

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